title: Angular: get a or li value on click
body: <p>i have a nice simple nav pills, i want to get a or li value on nav click</p>
  
  <pre><code>&lt;div style="margin-left: 32px; text-align: center"&gt;
      &lt;ul id="progress-view" class="nav nav-pills" &gt;
          &lt;li value="" class="active" style="margin-top: 15px"&gt;
              &lt;a data-value="" data-toggle="tab"&gt;All&lt;/a&gt;
          &lt;/li&gt;
          &lt;li data-value="505" value="0" style="margin-top: 15px"&gt;
              &lt;a data-value="0" data-toggle="tab"&gt;New&lt;/a&gt;
          &lt;/li&gt;
          &lt;li value="1" style="margin-top: 15px"&gt;
              &lt;a data-toggle="tab"&gt;In Progress&lt;/a&gt;
          &lt;/li&gt;
          &lt;li value="2" style="margin-top: 15px"&gt;
              &lt;a data-toggle="tab"&gt;Waiting for answer&lt;/a&gt;
          &lt;/li&gt;
          &lt;li value="3" style="margin-top: 15px"&gt;
              &lt;a data-toggle="tab"&gt;Closed&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>thank you!!</p>