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을 가져 오는 중입니다. 나는이 문제를 해결하려면 어떻게

....

나는 .. 각도 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> 

당신은 조기 폐쇄를 폐쇄하고 콘솔에서

오류를 사용하고 있습니다 첫 번째 img 다음에 </td>, 두 번째 img<td> 외부에 있고 따라서의 범위를 벗어납니다. 오류 ng-switch-when="0"이 부모 ng-switch을 찾을 수 없기 때문에 오류가 발생했습니다.

+0

감사합니다. 고맙다. 2 시간은 이것에 쓴다. – Jishad

+0

FWIW, 적절한 HTML 서식을 사용하면이 문제를 쉽게 막을 수있었습니다 (''은 같은 줄에 있지 않고 줄을 짧게 유지함). – deceze