AngularJS-ng-switch不按預期方式工作

Question

我正在使用AngularJS與twitter bootstrap。我的問題的小提琴可以找到here。

在這裏討論的HTML代碼是：

<button type="button" class="btn" ng-repeat="tool in toolBar"> 
    <div ng-switch on="tool.action"> 
     <i class="icon-plus-sign" ng-switch="insert"></i> 
     <i class="icon-edit" ng-switch-when="edit"></i> 
     <i class="icon-trash" ng-switch-when="delete"></i> 
    </div> 
</button> 

和範圍是：

$scope.toolBar = [ 
    { 
     "action": "insert" 
    }, 
    { 
     "action": "edit" 
    }, 
    { 
     "action": "delete" 
    }   
]; 

問題是，我要顯示每個按鈕只有一個，但不知何故不是更圖標顯示兩個圖標。

我在做什麼錯？

Answer 1

您錯過了when。

與

<button type="button" class="btn" ng-repeat="tool in toolBar"> 
    <div ng-switch on="tool.action"> 
     <i class="icon-plus-sign" ng-switch-when="insert"></i> 
     <i class="icon-edit" ng-switch-when="edit"></i> 
     <i class="icon-trash" ng-switch-when="delete"></i> 
    </div> 
</button> 

更換你的HTML，它應該工作的罰款。