Angular 1.5组件按钮和样式

Question

由于“替换”配置通常不被使用，并且在1.5 angular.component中不可用，所以我不知道最佳实践是如何对组件进行样式设置并保持较高的可用性。

例子：

app.component('changePasswordButton', { 
    bindings: { 
    users: '=' 
    }, 
    template: '<button class="btn btn-default" 
       ng-disabled="vm.users.length == 0" 
       ng-click="vm.changePassword()">Change password</button>', 
    controllerAs: 'vm', 
    controller: [function() { 
     var vm = this; 
     vm.changePassword = function() { 
     //do it... 
     }); 
    }]}); 

比方说，我想用它时，例如“BTN-主”样式的按钮。

我不能做

<change-password-button class="btn-primary"></change-password-button> 

为呈现的HTML将：

<change-password-button class="btn-primary"> 
    <button ....> 
</change-password-button> 

如何在基于组件（按钮）一个可扩展的好方法适用语境造型任何想法？

Answer 1

我想出的唯一的解决办法是添加绑定：

bindings: { 
    applyClass: '@?' 
}, 
template: '<button class="btn btn-default {{vm.applyClass}}"... 

的伎俩，但不完全是美丽的。