2016-01-20 43 views
1

我有一個表,如果一個字符串有一定的價值,絕不能顯示日期(如果警告== P)使用AngularJS基於字符串值替換表中的值

我想NG-如果使用要做到這一點,但這種方法將增加2列,一個用於隱藏日期和一個具有正確的日期:

<table ng-table="vm.IncidentList" class="table table-hover"> 
<tr ng-repeat="row in $data"> 
    <td data-title="'Incident Number'" {{row.IR_ID_NUM}}{{row.warning}}</td> 
    <td data-title="'Type'"{{row.type}} </td> 
    <!--if warning == p, do not display date--> 
    <td ng-if "{{row.warning}} == "P"">---</td> 
    <!--if warning !== p, display date--> 
    <td ng-if "{{row.warning}} != "P"" data-title="'Date'" {{row.date | date}}</td> 
</tr> 
</table> 
+0

你'NG-if's缺少'='。如果條件匹配,'ng-if'不會將數據插入到DOM中,其中'ng-show'會。但是,如果沒有'=',則不提供任何條件,並且都顯示。 – Claies

回答

1

嘗試這樣

<td ng-if "row.warning == 'P' ">---</td> 

你還缺少>

這裏

        here 
            | 
<td data-title="'Incident Number'" {{row.IR_ID_NUM}}{{row.warning}}</td> 
<td data-title="'Type'"{{row.type}} </td> 
<td data-title="'Type'"{{row.type}} </td> 

應該

<td data-title="Incident Number"> {{row.IR_ID_NUM}}{{row.warning}}</td> 
<td data-title="Type">{{row.type}} </td> 
<td ng-if "row.warning == 'P' ">---</td> 
<td ng-if "row.warning != 'P' " data-title="Date"> {{row.date | date}}</td> 
+0

謝謝 – Dawson