如何使用 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>