从html元素动态添加/删除指令

Question

如何动态删除和添加指令到javascript中的一个元素？为什么使用setAttribute（）和removeAttribute（）是不可能的，如果在指令定义中有：restrict：'A'？

Answer 1

您可以在元素上添加ng-if指令。请注意ng-if指令创建新范围。

<div your-directive ng-if="ctrl.displayDirective" > </div>

Answer 2

将新指令添加为属性

angular.module('app')
  .directive('parentDirective', function ($compile) {
    return {
      restrict: 'E',
      link: function link(scope,element, attrs) {
        element.attr('child-directive', 'value');
        $compile(element)(scope);
      }
    };
  });

了解更多here