title: How to show/hide element in ng-repeat based on value in object? Angularjs
body: <p>Ok, I'm trying to figure out how to show my various action buttons for each of my items in the list based on the value of <code>item.Status</code>. For example: I would like to only show the Edit button if <code>item.Status</code> is <code>'New'</code>. What is the best way to approach this?</p>
  
  <p>Also, the solution would need to be able to support multiple values. For example, the Delete button would only show for <code>'New'</code> and <code>'Completed'</code>, but not for <code>'In Progress'</code>. </p>
  
  <p>Can this be done with just ng-show?</p>
  
  <pre><code>&lt;ul class="sidebar-list"&gt;
      &lt;li class="list-item" ng-repeat="item in requestslist.value | filter:searchText | orderBy:'Modified':true"&gt;
          &lt;div class="list-item-info"&gt;
              &lt;ul id="" class="list-inline clearfix"&gt;
                  &lt;li class=""&gt;&lt;span id="" class=""&gt;#{{item.Id}}&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=""&gt;&lt;span id="" class="bold"&gt;{{item.RecipientName}}&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=""&gt;&lt;span id="" class=""&gt;{{item.RecipientCompany}}&lt;/span&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul id="" class="list-inline clearfix"&gt;
                  &lt;li class=""&gt;&lt;span id="" class="label label-primary"&gt;{{item.Status}}&lt;/span&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="list-item-actions"&gt;
              &lt;div class="btn-group"&gt;
                  &lt;button ng-click="doRemind()" type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-bullhorn"&gt;&lt;/span&gt;&amp;nbsp;Remind&lt;/button&gt;
                  &lt;button ng-click="doView()" type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-eye-open"&gt;&lt;/span&gt;&amp;nbsp;View&lt;/button&gt;
                  &lt;button ng-click="doEdit(item)" type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-pencil"&gt;&lt;/span&gt;&amp;nbsp;Edit&lt;/button&gt;
                  &lt;button ng-click="doClose(item)" type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-ban-circle"&gt;&lt;/span&gt;&amp;nbsp;Close&lt;/button&gt;
                  &lt;button ng-click="doDelete(item)" type="button" class="btn btn-default btn-sm"&gt;&lt;span class="glyphicon glyphicon-ban-minus"&gt;&lt;/span&gt;&amp;nbsp;Delete&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>