使用ng-hide在角度数据的基础上隐藏列表项目

我只想显示其数据来自API的列表项目。我想用一种标准的方式，只显示那些数据是从API使用ng-hide在角度数据的基础上隐藏列表项目

[ 
    { 
    "_id": "57998a58d5692e2b00e5de9f", 
    "query_string": "snowy", 
    "query_type": "others", 
    "timestamp": "2016-07-28T04:30:16.624Z", 
    "__v": 0, 
    "social_media": [ 
     6, 
     1 
    ] 
    }, 
    { 
    "_id": "5799aedad5692e2b00e5df37", 
    "query_string": "Edhi", 
    "query_type": "others", 
    "timestamp": "2016-07-28T07:06:02.113Z", 
    "__v": 0, 
    "social_media": [ 
     1, 
     6, 
     2, 
     4, 
     3 
    ] 
    },]

未来

<div class="row" ng-repeat="query in prev_queries"> 
         <div class="col-md-12 cell"> 
         <div class="well" > 
          <p class="history">{{query.query_string}}</p> 
          <ul class="history-filter"> 
           <li ng-hide="true"> <i class="fa fa-twitter fa-2x" aria-hidden="true"></i> </li> 
           <li ng-hide="true"> <i class="fa fa-facebook fa-2x" aria-hidden="true"></i> </li> 
           <li ng-hide="false"> <i class="fa fa-instagram fa-2x" aria-hidden="true"></i> </li> 
           <li ng-hide="true"> <i class="fa fa-youtube fa-2x" aria-hidden="true"></i> </li> 
           <li ng-hide="false"> <i class="fa fa-flickr fa-2x" aria-hidden="true"></i> </li> 
          </ul> 
          <p class="history-time"> {{query.timestamp | date}}</p> 
          <span class="pull-right"> <span class="bigcheck"> 
          <label class="bigcheck"> 
          <input type="checkbox" class="bigcheck" onchange="showHideIndividualAttributes(this); return false" value="1" /> 
          <span class="bigcheck-target"></span> </label> 
          </span> </span> 
         </div> 
         </div> 
</div>

数据在上述情况下只显示其数据存在social_media数组列表项。有没有这种使用NG-重复

来源

2016-07-28 user2885910

你不需要使用NG隐藏了这个问题，如果你有固定病症使用的NG-如果为了这个目的

<div class="row" ng-repeat="query in prev_queries"> 
         <div class="col-md-12 cell"> 
         <div class="well" > 
          <p class="history">{{query.query_string}}</p> 
          <ul class="history-filter"> 
           <li ng-repeat-start="media in query.social_media" ng-if"media == 1"> <i class="fa fa-twitter fa-2x" aria-hidden="true"></i> </li> 
           <li ng-if="media == 2"> <i class="fa fa-facebook fa-2x" aria-hidden="true"></i> </li> 
           <li ng-if="media == 3"> <i class="fa fa-instagram fa-2x" aria-hidden="true"></i> </li> 
           <li ng-if="media == 4"> <i class="fa fa-youtube fa-2x" aria-hidden="true"></i> </li> 
           <li ng-if="media == 5" ng-repeat-end> <i class="fa fa-flickr fa-2x" aria-hidden="true"></i> </li> 
          </ul> 
          <p class="history-time"> {{query.timestamp | date}}</p> 
          <span class="pull-right"> <span class="bigcheck"> 
          <label class="bigcheck"> 
          <input type="checkbox" class="bigcheck" onchange="showHideIndividualAttributes(this); return false" value="1" /> 
          <span class="bigcheck-target"></span> </label> 
          </span> </span> 
         </div> 
         </div> 
</div>

来源

2016-07-28 13:26:03

@usama是露出太多的清单项目，而隐藏它们。我猜ng-repeat-start不在正确的位置 – user2885910

nope它的工作正常我正在纠正我的语法错误这是equall符号我在ng中失踪 - 如果 –

哟它的工作非常感谢 – user2885910

你可以尝试处理NG-显示

<div class="row" ng-repeat="query in prev_queries" ng-show="query.social_media.length > 0">

有了这一个，在社交媒体数组为空，则不会显示任何方法。

来源

2016-07-28 13:15:06 Nitish

使用ng-hide在角度数据的基础上隐藏列表项目

回答

相关问题