評估角度指令中的表達式

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> 

但是，看起來這種方式是不正確的。它可能是javascript（編譯器）在ng-show中的{{}}或'！== null'抱怨或者可能都是。如何評估ng-指令中的角度表達式（在{{}}中？

我知道我也可以在js文件中對此進行評估，但由於我不想添加更多的範圍變量（爲了使代碼更清晰），我選擇評估它是否在ng-顯示指令。有人能告訴我該怎麼做嗎？

謝謝。

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/ $編譯

編輯：我同意馬丁的回答。