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> 

応答ステータス変数がFirebugでチェックすると文字列値1と0を取得しています。

どのように私はこの問題を解決することができます....

私はあなたが途中で閉鎖を閉じている角度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> 

を使用しています第1のimgの後の</td>であり、第2のimg<td>の外側であり、したがっての範囲外である。このエラーは、ng-switch-when="0"が親ng-switchを見つけることができないことが原因です。

+0

ありがとう通知のための男。これに2時間がかかります。 – Jishad

+0

FWIWでは、適切なHTML書式設定により、これを簡単に防ぐことができました( ''は同じ行になく、行を短くしています)。 – deceze