在搜索框中搜索时,当子元素不存在时隐藏父块

时间:2018-01-06 20:28:57

标签: javascript angularjs angularjs-ng-repeat ng-hide angularjs-ng-show

如果在搜索框中搜索时子元素不存在,如何隐藏父元素。这是我的代码:

.apk

正常搜索元素正在运行,但搜索不存在的关键字也应隐藏主要块(Rounds)。

正常功能: enter image description here

以下是我遇到此问题的地方: enter image description here

1 个答案:

答案 0 :(得分:0)

仅在过滤后有> 0匹配时才使用ng-show来显示标题:

<div class="col-md-6" ng-repeat="round in displaymatch.allrounds>
<h3 ng-show="(round.matches | filter:namesearch).length > 0">Round: {{round.name}}</h3>
<div ng-repeat="teamname in round.matches | filter:namesearch">
        <b>Match Date:</b> {{teamname.date}} 
    <a ng-href="#!/15/{{teamname.date}}/{{teamname.team1.code}}/{{teamname.team2.code}}">{{teamname.team1.name}} <strong>V/S</strong>
    {{teamname.team2.name}}</a>
</div>

this回答相似。