Question

无法正确使用ng-ng和ng-class。

NG-停用

作用域上的变量跟踪在表上选择了多少行，并包含行ID列表。当$ scope.selected列表为空时，应该禁用该按钮。

{{selected}}将显示[27982,27983,27984]

<button type="button" class="btn btn-primary" ng-model="scope.selected"
        ng-disabled="" ng-click="invokeSaleModal()">Purchase</button>

纳克级

$ scope.purchase.paid是一个布尔值，包含 true 或 false 。我正在尝试应用Bootstrap文本类使行变为绿色或红色。似乎没有任何效果，即使 purchase.paid 变量是正确的。

 <h4 ng-model="purchase.paid" ng-class="{true: success, false: danger}">
     {{purchase.card_message}}
 </h4>

修改

我尝试将标签从 h4 更改为

，但没有运气。这是修改后的代码

<p ng-class="{true: 'success', false: 'danger'}[purchase.paid]">
   {{purchase.card_message}} - {{purchase.paid}}
<p>

显示此内容

Purchase successful - true

EDIT2

感谢@Josep事实证明我使用的是错误的Bootstrap CSS类名。

<p ng-class="{true: 'text-success', false: 'text-danger'}[purchase.paid]">
   {{purchase.card_message}} - {{purchase.paid}}
<p>

Answer 1

<button type="button" class="btn btn-primary" 
   ng-disabled="selected.length==0" 
   ng-click="invokeSaleModal()">Purchase</button>

<h4 ng-class="{true: 'success', false: 'danger'}[purchase.paid]">
    {{purchase.card_message}}
</h4>

更新

由于OP似乎有一些问题导致ng-class工作，我已经 this example