角度:当没有结果时显示一条消息 ng-重复角度 ?(具体情况）

Angular: show a message when no results in angular ng-repeat ? (specific case)

本文关键字：情况 ng- 结果 消息 一条 显示 角度      更新时间：2023-09-26

我有一个特定的情况，我在手风琴中重复我的数据，我所需要的只是在过滤器（搜索框）不返回任何内容时向用户显示一条消息ng-repeat="sport in sports" 

<input ng-model="query" placeholder="Search sports...">
   <accordion close-others="false">
       <accordion-group ng-repeat="sport in sports | filter:query"
                        ng-show="sport.leagues.length">
         <accordion-heading>
           <div ng-click="addSportToLines(sport);">
              {{::sport.name}}
           </div>
          </accordion-heading>
          <div class="list-group leagues-margin">
           <a href="javascript:void(0);" class="list-group-item"
              ng-repeat="league in sport.leagues"
              ng-class="{active: league.active}"
              ng-click="addLeagueToLines(league)">{{::league.name}}
           </a>
         </div>
       </accordion-group>
     </accordion>

试试这个，

<div ng-show="!(sports | filter:query).length">No items</div>

或者，我们可以通过将过滤结果分配给另一个变量来消除另一个过滤器，如下所示，

<accordion close-others="false">
       <accordion-group ng-repeat="sport in filteredSports = (sports | filter: query)"
                        ng-show="sport.leagues.length">
         <accordion-heading>
           ...
       </accordion-group>
     </accordion>
<div ng-show="!filteredSports.length">No items</div>

谢谢。

相关文章：