title: Angularjs filter unordered list
body: <p>I'm trying to filter strings in a static unordered list. I'm able to filter items in an array but not sure how to do it for static html content.</p>
  
  <p>The way I've learned to achieve it using an array is by using this method:</p>
  
  <pre><code>&lt;input type="search" ng-model="name" /&gt;
  
  &lt;ul&gt;
      &lt;li ng-repeat="person in people | filter:name"&gt;
      {{ person }}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm trying to achieve the same effect using an existing <code>&lt;ul&gt;</code></p>
  
  <pre><code>&lt;input type="search" ng-model="filter.name" placeholder="filter..." /&gt;
  
  &lt;ul&gt;
     &lt;li&gt;&lt;a href="#bob"&gt;Bob&lt;/a&gt;/li&gt;
     &lt;li&gt;&lt;a href="#lisa"&gt;Lisa&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#lewis"&gt;Lewis&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#xuemin"&gt;Xuemin&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#tom"&gt;Tom&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#cassidy"&gt;Cassidy&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to be able to filter the list items based on the text strings inside them, so for example typing 'L' in the textbox would only show:</p>
  
  <ul>
  <li>Lisa</li>
  <li>Lewis</li>
  </ul>