javascript - 如何在 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" 来显示和隐藏