Angular＆n;用于视图

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

它应该工作。这是一个傻瓜：

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>