Angular JS ng-switch 不工作

Question

我正在使用 Laravel 和 Angular JS 开发应用程序。我正在使用 [[ ]] 进行数据绑定。

在 table 中使用 ng-switch 绑定数据时出现错误且无法正常工作。

 <tr ng-repeat="category in categories">
            <td>[[category.Name]]</td>
            <td>[[category.ListOrder]]</td>
            <td ng-switch="category.Status">
              <img ng-switch-when="1" src="{{URL::asset('public/assets/images/icons/ic_active.png')}}"></td>
              <img ng-switch-when="0" src="{{URL::asset('public/assets/images/icons/ic_inactive.png')}}"></td>
            <td>
              <img src="{{URL::asset('public/assets/images/icons/ic_inactive.png')}}">
            </td>
            <td>[[category.updated_at]]</td>
</tr>

当我检查 Firebug 时，响应状态变量得到字符串值 1 和 0。

我该如何解决....

我正在使用 Angular JS v1.5.8

控制台出错..

 Error: [$compile:ctreq] http://errors.angularjs.org/1.5.8/$compile/ctreq?p0=ngSwitch&p1=ngSwitchWhenN/<@http://localhost/repos/p3-laravel/ppp_admin/public/js/angular.min.js:6:412

Answer 1

<td ng-switch="category.Status">
    <img ng-switch-when="1" ...></td>
    <img ng-switch-when="0" ...></td>

您在第一个 img 之后过早关闭 </td>，第二个 img 在 <td> 之外，因此也在 [= 的范围之外15=]。错误是由于 ng-switch-when="0" 无法找到父 ng-switch.

Angular JS ng-switch 不工作

Angular JS ng-switch not working

javascript

angularjs

laravel-5.3

ng-switch

angularjs-ng-switch