如何在 AngularJS 中根据“|filter”结果显示/隐藏 UI 组件？

Question

我有一个嵌套表结构，其中一个表基于 Javascript 对象“metasetHashSplit”的 ng-repeat 填充，而该表又具有一个基于名为“ids”的属性填充的表。如果内部表中的所有元素都被过滤掉，我需要隐藏主要的 ng-repeat。我正在使用“管道”/“|”过滤内部表。 我无法根据是否过滤掉内部表中的所有记录来确定何时或如何触发 ng-show/hide。

代码是这样设置的：

<tbody  ng-repeat="(metaset, ids) in metasetHashSplit">
<tr class = "meta">
    <td   rowspan = 100 >{{metaset}}</td>
</tr>
<tr class = "meta" style="margin:0;padding:0;"  ng-repeat="item in ids" >
    <td class = "innerTable">
        <table class="table  child table-hover table-bordered table-condensed " >
            <tr ng-repeat="buy in item.Buy  | filter:{ MBC: by_buyMBC }" >
                <td >{{buy.BuyId}}</td>
                <td >{{buy.BuyRelease}}</span></td>
                <td >{{buy.BuyComponentAffected}}</td>
                <td >{{buy.BuyStatus}}</span></td>
            </tr>
        </table>
    </td>
</tr>

如果他们发现自己处于这样的位置，可以帮助我吗？基本上，tbody 需要根据 |filter:{MBC:by_buyMBC} 结果显示/隐藏！

Answer 1

基于this question 使用：

<div ng-repeat="buy in filtered = (item.Buy | filter:{ MBC: by_buyMBC })">
</div>

因此，您所要做的就是在正确的元素上使用 ng-if="filtered.length > 0" 来显示和隐藏