title: angularjs filter ng-repeat links outside of list
body: <p>Building a simple app that filters results based on an input field. I'm adding a bunch of links that are outside of the repeated list and when clicked I want to be able to filter the list below.</p>
  
  <p>I've searched online for various ways of tackling this problem but have yet to find a solution.</p>
  
  <p>I'm already filtering by search, however I'd like to be able to click a link that is a popular search entry.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;a href=""&gt;tag one&lt;/a&gt;
  &lt;a href=""&gt;tag two&lt;/a&gt;
  &lt;a href=""&gt;tag three&lt;/a&gt;
  
  &lt;tr ng-repeat="item in items | orderBy:'date' | filter:itemsFilter" ng-click="clickedItem(item.id)"&gt;
        &lt;td&gt;&lt;a href="{{item.url}}"&gt;&lt;img ng-src="{{item.imageUrl}}" alt="{{item.title}}"&gt;&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;
          &lt;a href="{{item.url}}"&gt;{{item.title}}&lt;/a&gt;&lt;br&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;i class="el el-time"&gt;&lt;/i&gt; {d{item.date}}&lt;/td&gt;
        &lt;td class="drop-me"&gt;{{item.description}}&lt;/td&gt;
        &lt;td class="tag-me"&gt;{{item.tag}}&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr ng-hide="item.length == 0"&gt;&lt;td&gt;&lt;p&gt;There are no items!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>I've tried custom filters, just can't figure a way to inject the items via an ng-click and update the list below.</p>
  
  <p>I'd like to click one of the tag links and it filter the list below</p>
  
  <p>Thanks</p>