尝试从按钮列表中为每个模式添加按钮。

脚本:

  var buttonList2 = [{displayName: 'Save', class: 'save'}, 
                     {displayName: 'Cancel', class: 'cancel'}]; 

HTML:

<button class="btn" type="button" ng-repeat = "item in buttonList" ng-class="{{item.class}}">{{item.displayName}}</button> 

每个按钮都有自己的类，所以我在列表类属性中添加了。 但 ng-class 看不到 {{item.class}}

而且我无法向这些按钮添加功能。我试过这个:

  $('.cancel').attr('ng-click','cancel()'); 
  $compile($('.cancel'))($scope); 
  $('.save').attr('ng-click','save()'); 
  $compile($('.save'))($scope);  

http://plnkr.co/edit/NeLthqUuZtw0VyVzd0Ig?p=preview

请您参考如下方法:

要动态应用 css 类，请使用 ng-class="item.class"，而不使用 {{}}。

要向按钮添加回调，您可以向按钮添加一个附加属性来保存特定功能:

var buttonList2 = [ 
    {displayName: 'Save', class: 'save', callback: function(){alert('saving');}}, 
    {displayName: 'Cancel', class: 'cancel', callback: function(){alert('cancelling');}} 
]; 

在您的 ng-repeat 中，您可以应用它们:

<button type="button" ng-repeat="item in buttonList2" ng-click="item.callback()" ng-class="item.class">{{item.displayName}}</button>