Question

尝试为每个模态添加按钮列表中的按钮。

脚本：

  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>

每个按钮都有自己的类，所以我添加了list class属性。但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

Answer 1

要动态应用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>

Answer 2

这可能是评论中最好的，但我还不能发表评论。

是否可能/不良做法：

class="{{item.class}}"

角度模态：从按钮列表添加按钮

2 个答案: