Angularjs 在三元运算符中定义任何条件

Angularjs 在三元运算符中定义任何条件,angularjs,Angularjs,我想改变我手机的颜色,所以在我的桌子上我在我的td上这样做 data-ng-class="{selected.id == price.id && !price.isMinPrice ? 'selected' : '', selected.id == price.id && price.isMinPrice ? 'minSelected' : ''}" 我有一个错误: 错误:[$parse:syntax]语法错误:令牌“.”是意外的, 表达式[{selected.

我想改变我手机的颜色,所以在我的桌子上我在我的td上这样做

data-ng-class="{selected.id == price.id && !price.isMinPrice ? 'selected' : '', selected.id == price.id && price.isMinPrice ? 'minSelected' : ''}"
我有一个错误:

错误:[$parse:syntax]语法错误:令牌“.”是意外的, 表达式[{selected.id==price.id]的第10列应为[:] &&!price.isMinPrice?'selected':'',selected.id==price.id&& price.isMinPrice?'minSelected':''}从[.id==price.id]开始 &&!price.isMinPrice?'selected':'',selected.id==price.id&& price.isMinPrice?'minSelected':''}]


有什么问题?

您使用的
ng class
都是错误的,这就是为什么会出现语法错误

您需要给它一个对象文字:

data-ng-class="{selected: selected.id == price.id && !price.isMinPrice,
                minSelected: selected.id == price.id && price.isMinPrice}"

这也比您试图做的要干净得多。

您使用的
ng类
都是错误的,这就是为什么会出现语法错误

您需要给它一个对象文字:

data-ng-class="{selected: selected.id == price.id && !price.isMinPrice,
                minSelected: selected.id == price.id && price.isMinPrice}"

这也比您试图做的要干净得多。

您使用的
ng类
都是错误的,这就是为什么会出现语法错误

您需要给它一个对象文字:

data-ng-class="{selected: selected.id == price.id && !price.isMinPrice,
                minSelected: selected.id == price.id && price.isMinPrice}"

这也比您试图做的要干净得多。

您使用的
ng类
都是错误的,这就是为什么会出现语法错误

您需要给它一个对象文字:

data-ng-class="{selected: selected.id == price.id && !price.isMinPrice,
                minSelected: selected.id == price.id && price.isMinPrice}"

这也比您试图做的要干净得多。

我认为
ng class
需要这样的结构:{'class-name':booleanValue},如果value为true,则将应用该类

因此,在你的情况下:

data ng class=“{'selected':selected.id==price.id&&!price.isMinPrice,'minSelected':selected.id==price.id&&price.isMinPrice}”

如果你想使用ternaty操作符,你可以使用
class
属性和
{}


class=“{{selected.id==price.id&&!price.isMinPrice?”selected':'}}}”
我认为
ng class
需要这样的结构:{'class-name':booleanValue},如果值为true,则应用类

因此,在你的情况下:

data ng class=“{'selected':selected.id==price.id&&!price.isMinPrice,'minSelected':selected.id==price.id&&price.isMinPrice}”

如果你想使用ternaty操作符,你可以使用
class
属性和
{}


class=“{{selected.id==price.id&&!price.isMinPrice?”selected':'}}}”
我认为
ng class
需要这样的结构:{'class-name':booleanValue},如果值为true,则应用类

因此,在你的情况下:

data ng class=“{'selected':selected.id==price.id&&!price.isMinPrice,'minSelected':selected.id==price.id&&price.isMinPrice}”

如果你想使用ternaty操作符,你可以使用
class
属性和
{}


class=“{{selected.id==price.id&&!price.isMinPrice?”selected':'}}}”
我认为
ng class
需要这样的结构:{'class-name':booleanValue},如果值为true,则应用类

因此,在你的情况下:

data ng class=“{'selected':selected.id==price.id&&!price.isMinPrice,'minSelected':selected.id==price.id&&price.isMinPrice}”

如果你想使用ternaty操作符,你可以使用
class
属性和
{}

class=“{{selected.id==price.id&&!price.isMinPrice?”selected':'}}”