子要素を無効にする角度指令

Question

指定されたユーザのユーザ権限をテストするサービスの結果に応じて、角度/ Webアプリケーションの要素を有効/無効にするための指示文（canUpdate）を作成することは可能でしょうか？グループまたはコンマで区切られたグループのリスト。

<div><button can-update="customerMgmt">Edit customer detail</button></div>

と私のディレクティブは、このユーザーを確認するための呼び出しがcustomerMgmtグループの一部である実行し、適切に有効/無効にすることができます。

私の思考があります。

しかし、私は自分のディレクティブのテンプレートがどのように見えるかを視覚化/理解するのに苦労しています。

このタイプの操作を実行するディレクティブを書く場合は、ディレクティブのHTMLテンプレートのように見えますが、これは任意の要素、テキスト入力、ボタン、アンカー、ラベルなどに適用できます...私は基本的に、ユーザーが属性に指定されたグループに属していない場合、無効にする/テキストの入力/クリックを許可しないと言っています。

Answer 1

だから私は私が今のところ期待しているようにパフォーマンスを上げるには、来週よりテストする必要がありますが、permissionsService.permissionsForObjectメソッドが返すもの（WebApiコントローラに行く）に依存して有効/無効になっているようです。 ...これは意味をなさない あなたへ？

(function() { 
    'use strict'; 

    angular.module('blocks.permissions').directive('canWrite', canWriteDirective); 

    function canWriteDirective() { 
     return { 
      //scope: {}, 
      restict: "A", 
      controller: CanWriteController, 
      controllerAs: "vm", 
      bindToController: false, 
      link: function (scope, iElement, iAttrs, controller) { 
       controller.canWrite(iAttrs.canWrite); 
      } 
     } 
    }; 

    CanWriteController.$inject = ["permissionsService"]; 

    function CanWriteController(permissionService) { 

     var vm = this; 
     vm.canWrite = canWrite; 
     vm.canUpdate = false; 

     function canWrite(group) { 
      permissionService.permissionsForObject(group).then(function (result) { 
       vm.canUpdate = true; 
      }).catch(function (result) { 
       vm.canUpdate = false; 
      }); 
     } 
    } 

})();