如何使用ng-switch-when为非空json

Question

我是angularjs的新手，在我的angularjs应用程序中有json，我希望ng-switch在json不为空(它是一个数组)时工作。这是一个很大的json文件，我说的是其中的一部分，用ng-switch是否可行?或者我应该在控制器中设置作用域参数?或者其他我不知道的方式

JSON

...,
"venues": [{"vid":"12",...},{"vid":"13",},{"vid":"14",..}],...

标记

<div ng-switch on="team.venues" >
    <ul ng-switch-when="venue is not empty">
        <li ng-repeat="venue in team.venues">
            {{venue.vid}}
        </li>
    </ul>
    <p ng-s­wit­ch-­def­ault>no venue</p>
</div>

Answer 1

是这样使用

<div ng-switch on="team.venues.length > 0" >
            <ul ng-switch-when="true">
                <li ng-repeat="venue in team.venues">
                 {{venue.vid}}
                </li>
            </ul>
            <p ng-s­wit­ch-­def­ault>no venue</p>
</div>

显示team.venues.length > 0为true时的<ul ng-switch-when="true">。

这是DOC说的，

<ANY ng-switch="expression">
    <ANY ng-switch-when="matchValue1">...</ANY>
    <ANY ng-switch-when="matchValue2">...</ANY>
    <ANY ng-switch-default>...</ANY>
</ANY>

这里是一个官方DEMO

Answer 2

您可以直接在这里使用直接表达式，如ng-switch-when="team.venues.length > 0 && team.venues"

标记

<div ng-switch on="team.venues">
     <ul ng-switch-when="team.venues.length > 0 && team.venues">
       <li ng-repeat="venue in team.venues">
          {{venue.vid}}
       </li>
     </ul>
     <p ng-s­wit­ch-­def­ault>no venue</p>
</div>