角JS，添加筛选条件NG-重复

-1

<td ng-repeat="link in fund.pdfLinks track by $index" class="fundLitCmpnt-linkWrap"><a class="fundLitCmpnt-link" target="_blank" href="{{link.url}}"><i class="sprite pdfIcon"></i></a></td>

我想一个过滤器添加到NG-重复，所以如果link.url是一个特定的字符串（/myfolder/mypage.aspx ）。我想不显示那个锚标签。

我已经试过这样：

<td ng-repeat="link in fund.pdfLinks track by $index | filter:link.url'!=/myfolder/mypage.aspx'}" class="fundLitCmpnt-linkWrap"><a class="fundLitCmpnt-link" target="_blank" href="{{link.url}}"><i class="sprite pdfIcon"></i></a></td>

如何比较link.url与特定的字符串？请帮忙。

来源

2015-03-08 Phani

尝试用ng-hide。

如果你想隐藏的内部元素也将如果链接URL符合项目串

<td ng-repeat="link in fund.pdfLinks track by $index" 
ng-hide="link.url=='/myfolder/mypage.aspx'" 
class="fundLitCmpnt-linkWrap"> 
<a class="fundLitCmpnt-link" target="_blank" href="{{link.url}}"> 
<i class="sprite pdfIcon"></i> 
</a> 
</td>

隐藏当前元素，可以单独使用NG隐藏或可以使用跨度/每格状

<td ng-repeat="link in fund.pdfLinks track by $index" 

class="fundLitCmpnt-linkWrap"> 
    <div ng-hide="link.url=='/myfolder/mypage.aspx'"> 
     <a class="fundLitCmpnt-link" target="_blank" href="{{link.url}}"> 
     <i class="sprite pdfIcon"></i> 
     </a> 
</div> 
</td>

来源

2015-03-08 19:47:43

这是工作，但它隐藏了整个TD元素，这是搞乱我的表格布局....我只是想隐藏所有在td里面？ – Phani 2015-03-08 19:53:00

@Phani检查更新的答案 – 2015-03-08 19:55:15

@ A.B that worked ....谢谢！ – Phani 2015-03-12 18:44:48

在你的情况最好的方法是使用NG隐藏或NG-IF，但你也可以通过过滤器acheive它

angular.module('YourModule').filter('customFl',function(url){ 
return url !='your_url' 
}) 

<td ng-repeat="link in fund.pdfLinks track by $index | customFl' " class="fundLitCmpnt-linkWrap"><a class="fundLitCmpnt-link" target="_blank" href="{{link.url}}"><i class="sprite pdfIcon"></i></a></td>

快乐帮助！

来源

2015-03-08 20:04:12

角JS，添加筛选条件NG-重复

回答

相关问题