Угловой угловой выключатель JS не работает

Я разрабатываю приложение с Laravel и Angular JS. Я использую [[ ]] для привязки данных.

При связывании данных в таблице с помощью 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>

Ответная переменная Status получает строковые значения 1 и 0, когда я проверяю с помощью Firebug.

Как я могу решить это....

Я использую 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
Источник

1 ответ

Решение
<td ng-switch="category.Status">
    <img ng-switch-when="1" ...></td>
    <img ng-switch-when="0" ...></td>

Вы преждевременно закрываете закрытие </td> после первого img, второй img находится за пределами <td> и тем самым также выходит за рамки ng-switch, Ошибка вызвана ng-switch-when="0" не в состоянии найти родителя ng-switch,

Источник
Другие вопросы по тегам