Javascript ng类中的表达式语法错误？

我正在学习Angular.js，我有一段代码：

<button ng-class="{'btn pull-left', 
duplicatesInList === true ? 'btn-warning': 'btn-success'}" 
id="saveScoreButton" type="button" ng-click="add()"><button>

我觉得很奇怪。 解决方案：

ng-class="duplicatesInList === true? 
'btn btn-warning pull-left': 'btn btn-success pull-left'"

答案中的代码也有效（IMO比我的解决方案写得好一点：）

---

以下是一个工作示例：

Html:

JS:

---

最重要的是->。

这里有一个工作示例：

Html:

JS:

---

最重要的是->。

另一种解决方案是

<button class="btn pull-left" 
ng-class="duplicatesInList ? 'btn-warning': 'btn-success'"
id="saveScoreButton" type="button" ng-click="add()"></button>

---

另一种解决方案是

<button class="btn pull-left" 
ng-class="duplicatesInList ? 'btn-warning': 'btn-success'"
id="saveScoreButton" type="button" ng-click="add()"></button>

你检查JavaScript控制台了吗？@jsalonen是的，我在帖子中出现了一个非常奇怪的错误。你检查了JavaScript控制台了吗？@jsalonen是的，我在帖子中出现了一个非常奇怪的错误。谢谢你的帮助-我粘贴了你的代码，但不幸的是仍然不起作用……你收到错误消息了吗？在“btn向左拉”类之后，我稍微编辑了答案以包含一个“：true”，不确定您是否包含此内容。我找到了另一种方法，但您的解决方案也可以使用-谢谢：）谢谢您的帮助-我粘贴了您的代码，但不幸的是仍然无法使用…您是否收到错误消息？在“btn向左拉”课程之后，我稍微编辑了答案以包含一个“：true”，不确定您是否包含了这个。我找到了另一种方法，但您的解决方案也有效-谢谢：）谢谢，我找到了另一种解决方案，但您的代码非常有效-谢谢：D谢谢，我找到了另一种解决方案，但您的代码非常有效-谢谢：D

<div ng-app='myApp' ng-controller='testCtrl'>

<button ng-class="{
    'btn-pull-left' : true,
    'btn-warning' : duplicatesInList,
    'btn-success' : !duplicatesInList
    }" id="saveScoreButton" type="button" ng-click="add()">Here</button>
    </div>

.btn-pull-left
{
    float:left;
}

.btn-warning
{
    color:blue;
}

.btn-success
{
    color: green;
}

angular.module('myApp',[]).
controller('testCtrl',function ($scope){
    $scope.add = function(){
        $scope.duplicatesInList = !$scope.duplicatesInList;
    }
});

<button class="btn pull-left" 
ng-class="duplicatesInList ? 'btn-warning': 'btn-success'"
id="saveScoreButton" type="button" ng-click="add()"></button>