在angularjs中使用三元运算符来设置元素的属性

Question

我使用angularjs 1.6并要求使用特定的css库，如果按钮定义如下，则会禁用按钮：

<button disabled="">
   My button
</button>

如果定义了按钮，将启用该按钮：

<button disabled="">
   My button
</button>

我尝试根据控制器内服务中属性的最新值启用/禁用它，但即使定义了someProperty，该按钮也始终显示为已启用。任何想法？

<button {{ ctrl.myService.getData().someProperty ? '' : 'disabled=""' }}>
   My button
</button>

Answer 1

我们可以使用ng-disabled属性实现此目的。所以它就像：

<button ng-disabled="ctrl.myService.getData().someProperty ? true : false">
   My button
</button>

如果有帮助，请告诉我。

Answer 2

尝试使用

<button ng-disabled="ctrl.myService.getData().someProperty ? 'disabled': '' ">
   My button
</button>