0

我正在開發一個Laravel和Angular JS的應用程序。 我正在使用[[]]進行數據綁定。Angular JS ng-switch not working

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

響應狀態變量獲取字符串值1和0時,我檢查與Firebug。

我怎樣才能解決這個....

我採用了棱角分明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 
+0

*「出現錯誤,無法正常工作」* - 您能否以更具體的方式說明這一點?什麼是錯誤信息,發生了什麼,你期望發生什麼? – deceze

+0

@deceze編輯控制檯錯誤的問題。 – Jishad

+0

@JpDevs你可以使用AngularJS的非微軟版本嗎?看起來你正在使用縮小版本 – K3v1n

回答

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

你過早關閉關閉</td>之後的第一個img,第二個img<td>之外,因此也在的範圍之外。該錯誤是由ng-switch-when="0"無法找到父母ng-switch引起的。

+0

謝謝爲通知花花公子。花費兩個小時。 – Jishad

+0

FWIW,正確的HTML格式可以很容易地防止這種情況(''不在同一行,並保持你的行較短)。 – deceze