0

「置換」構成は一般的に非推奨であり、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-primary」で使用するときにボタンのスタイルを設定したいとしましょう。

できない

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

レンダリングされたhtmlは次のようになります。

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

コンポーネント (ボタン) にスケーラブルで適切な方法でコンテキスト スタイルを適用する方法についてのアイデアはありますか?

4

1 に答える 1

0

私が思いついた唯一の解決策は、バインディングを追加することでした:

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

トリックはしますが、正確には美しくありません。

于 2016-02-22T12:16:53.150 に答える