angularjs - Angular 的 ng-if 不在视图上工作

Question

几天前，ng-if即使我的代码有效，我也尝试过使用，但现在当我尝试时，却ng-if无法正常工作

这就是我在里面的表现ng-repeat。

<tr ng-repeat="program in getProgram">
    <td>{{$index+1}}</td>
    <td>{{program.name}}</td>
    <td>{{program.code}}</td>
    <td>{{program.code2}}</td>
    <td>{{program.ed}}</td>
    <td ng-if="program.status == 'Published' ">{{program.status}}</td>       
    <td ng-if="program.status == 'Draft' ">{{program.status}}</td> 
</tr>

我想根据状态显示草稿或已发布。

即使我尝试过

1=1 1=2

这两个值都被打印出来了。

Answer 1

它应该工作。这是一个plunkr：

http://plnkr.co/edit/CFyvY7JtQQiJIowUCc67?p=preview

这个数据：

![$scope.getProgram = \[{
     name: 'Name1',
     code: 'CodeN1',
     code2: 'Code2N1',
     ed: 'ED',
     status: 'Published'
  }, {
     name: 'Name2',
     code: 'CodeN2',
     code2: 'Code2N2',
     ed: 'ED2',
     status: 'SomeOtherStatus'
  }, {
     name: 'Name3',
     code: 'CodeN3',
     code2: 'Code2N3',
     ed: 'ED3',
     status: 'Draft'
  }, {
     name: 'Name4',
     code: 'CodeN4',
     code2: 'Code2N4',
     ed: 'ED4',
     status: 'NOSHOW'
  }\]][1]

产生这个结果：

Answer 2

我已经尝试过 ng-show，ng-if它对我有用。

 <td ng-show="program.status == 'Published' "><span class="label label-success">{{program.status}}</span></td>
 <td ng-show="program.status == 'Draft'"><span class="label label-warning">{{program.status}}</span></td>