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

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>  

Answer 2

それはうまくいくはずです。ここに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]

次の結果が得られます。