각도 지시문 내에서 표현식 평가

Question

테이블이 값이 null인지 여부에 따라 조건부로 행을 렌더링하려고합니다. 행에 다른 사용자 정의 항목과 레이블이 있기 때문에 ng-repeat를 사용할 수 없습니다. 코드는 다음과 같습니다.

<table> 
    <thead> 
    </thead> 
    <tbody> 
     <tr ng-show = "{{data.entry_1}} !== null"> 
      <td>Custom Label 1</td> 
      <td>{{data.entry_1}}</td> 
     </tr> 
     <tr ng-show = "{{data.entry_2}} !== null"> 
      <td>Custom Label 2</td> 
      <td>{{data.entry_2}}</td> 
     </tr> 
     . 
     . 
     . 
     <tr ng-show = "{{data.entry_n}} !== null"> 
      <td>Custom Label n</td> 
      <td>{{data.entry_n}}</td> 
     </tr> 
    </tbody> 
</table> 

그러나이 방법이 옳지 않은 것 같습니다. 자바 스크립트 (컴파일러)가 ng-show의 {{}} 또는 '! == null'또는 둘 다에서 불평하고 있습니다. ng- 지시문 내에서 각도 표현 ({{}})을 평가하는 방법은 무엇입니까?

js 파일에서이 값을 평가할 수 있다는 것을 알고 있지만 범위 변수를 추가하지 않으므로 (코드 작성자가 내 코드를 작성하지 않으므로) ng- show 지시어. 누군가 그것을 어떻게 할 수 있는지 말해 줄 수 있습니까?

감사합니다.

Answer 1

가까운 사이. 중괄호는 변수 값을 에코/인쇄/렌더링하는 데에만 필요합니다. 표현식에서는 중괄호를 사용하지 않아야합니다.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<table ng-app ng-init="data = {entry_1: 'notnull', entry_2: null, entry_n: 'againNotNull'}"> 
 
    <thead> 
 
    </thead> 
 
    <tbody> 
 
     <tr ng-show="data.entry_1"> 
 
      <td>Custom Label 1</td> 
 
      <td>{{data.entry_1}}</td> 
 
     </tr> 
 
     <tr ng-show="data.entry_2"> 
 
      <td>Custom Label 2</td> 
 
      <td>{{data.entry_2}}</td> 
 
     </tr> 
 
     . 
 
     . 
 
     . 
 
     <tr ng-show="data.entry_n"> 
 
      <td>Custom Label n</td> 
 
      <td>{{data.entry_n}}</td> 
 
     </tr> 
 
     <tr ng-show="data.device"> 
 
      <td>Custom Device</td> 
 
      <td>{{data.device}}</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

Answer 2

지시문 내의 범위와 관련하여 $ compile 서비스를 사용하십시오. 마틴의 대답에 동의 :

는 https://docs.angularjs.org/api/ng/service/은 $

편집을 컴파일을 참조하십시오.