评估角度指令中的表达式

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/ $编译

编辑：我同意马丁的回答。