2015-05-20 18 views
2

我對angular JS很新穎。在我的html頁面中,我有一個'td',用於根據'Y'和'N'值顯示狀態爲「已批准」或「未批准」。這個Y和N值是從service.And它存儲在一個名爲ApprovedList的數組中。根據'Y'或'N'值切換文本

<tr class="row txt-gray-666 text-semibold font13 text-tranUp" ng-repeat="items in ApprovedList"> 
 
    <td class="n-wrap txt-green">{{items.IsApproved}}</td>.

這將顯示狀態字段爲Y或N

如何可以寫一個範圍/函數來更改基於Y或N 文本如果是IsApproved = 'Y'它應該顯示爲'已批准'。如果IsApproved ='N',它應該顯示爲'Not approved'。

任何人都可以幫忙嗎?

回答

2

它的簡單,你修改<td>如下的表達式:

<tr class="row txt-gray-666 text-semibold font13 text-tranUp" ng-repeat="items in ApprovedList"> 
    <td class="n-wrap txt-green">{{(items.IsApproved == 'Y')? 'Approved' : 'Not Approved'}}</td>. 
2

另一種方式來做到這一點是建立在控制器的方法。這是可取的,因爲你可以測試它。另外,如果你的邏輯變得很大,這不是問題。

$scope.isApproved = function(value) { 
 
    if(value ==='Y') { 
 
    return 'Approved'; 
 
    } 
 
    return 'Not Approved'; 
 
};
<tr class="row txt-gray-666 text-semibold font13 text-tranUp" ng-repeat="items in ApprovedList"> 
 
    <td class="n-wrap txt-green">{{isApproved(items.IsApproved)}}</td>.