Question

我对角度JS很新。在我的html页面中，我有一个＆＃td＆＃39;用于显示状态为＆＃39;已批准＆＃39;或者未经批准＆＃39;基于＆＃39; Y＆＃39;和＆＃39; N＆＃39;值。这个Y和N值来自service.And存储在名为ApprovedList的数组中。

＆＃13;

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

＆＃13;

这会将状态字段显示为Y或N

如何编写范围/功能以根据Y或N更改文本如果是IsApproved =＆＃39; Y＆＃39;它应显示为＆＃39;已批准＆＃39; 。如果IsApproved =＆＃39; N＆＃39;它应显示为“未经批准”＃39;。

有人可以帮忙吗？

Answer 1

很简单，您可以在<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>.

Answer 2

另一种方法是在控制器中创建一个方法。这是首选，因为您可以测试它。此外，如果你的逻辑变大，那就不是问题了。

＆＃13;

$scope.isApproved = function(value) {
  if(value ==='Y') {
    return 'Approved';
  }
  return 'Not Approved';
};

＆＃13;

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

＆＃13;

根据＆＃39; Y＆＃39;切换文字。或者＆＃39; N＆＃39;值

2 个答案: