2014-08-27 71 views
-1

前幾天我曾嘗試與ng-if工作即使在當時我的代碼工作,但現在當我嘗試它,ng-if不工作角的NG-如果不工作的看法

這裏是我怎麼裏面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

越來越印刷兩個值。

+0

你確定狀態包含'發佈'而不是別的嗎? – Ahmad 2014-08-27 08:37:51

+0

發生了什麼......? – 2014-08-27 08:38:16

+0

是的也更新我的問題。 – amoeba 2014-08-27 08:40:16

回答

0

它應該工作。這裏是一個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] 

此息率結果this

0

我已經到位的ng-if試過ng-show,它爲我工作。

<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>