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}}"... 

的伎倆，但不完全是美麗的。