代码之家 › 专栏 › 技术社区 › Ali

如何更改表数据的值取决于ng repeat_angularjs中的条件

angular-ng-if angularjs-ng-repeat angularjs

Ali · 技术社区 · 6 年前

我有一个订单表,根据我想要更改的订单类型 td . 以下是我的观点:

<tr ng-repeat="invoice in allInvoices">
    <td>{{invoice.order_type}}</td>
    <td>{{invoice.order_date}}</td>
    <td>{{invoice.totalPrice}}</td>
    <td>{{invoice.client_name}}</td>
</tr>

我尝试过:

<td ng-if="invoice.order_type='M'">Mobile</td>
<td ng-if="invoice.order_type='A'">Accessories</td>

但这不适合我的表视图,因为它将显示两个 TD ,而我想保持一个 TD 但是更改它的值取决于订单类型。

事先谢谢!

4 回复 | 直到 6 年前

Giuliano 6 年前

你可以用这样的表达

{{invoice.order_type == 'M' ? 'Mobile' : invoice.order_type == 'A' ? 'Accesories' : 'other'}}

方案如下:

{{expression ? ifTrue : otherExpression ? ifTrue : anotherExpression ? ifTrue : ifFalse}}

georgeawg 6 年前

使用 ternary operator :

<td>{{invoice.order_type=='M'?'Mobile':'Accessories'}}</td>

或查找 property accessor :

<td>{{orderTypeName[invoice.order_type]}}</td>

$scope.orderTypeName = {
    'M': 'Mobile',
    'A': 'Accessories',
};

这样可以避免使用 ng-if 与后续的子范围。

Shashank Vivek 6 年前

尝试

<td ng-if="invoice.order_type==='M'">Mobile</td>
<td ng-if="invoice.order_type==='A'">Accessories</td>

= 是值分配,其中与内部一样 ng-if 总是有条件语句,即使用 ===

-1

user7040361 6 年前

Try比较运算符 == 而不是赋值运算符 =

<td ng-if="invoice.order_type=='M'">Mobile</td>
<td ng-if="invoice.order_type=='A'">Accessories</td>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前