javascript - 如何定义 Angular 指令必须是 Angular 中特定指令的子指令？

Question

我正在为 AngularJS 创建指令，如何配置它必须是指令 A 的子指令？

像这个例子:

<my-modal>
    <m-header>Header</m-header>
</my-modal>

m-header 必须是 my-modal 的 child ，如果不是，会发生一些异常

Answer 1

您可以使用 require参数来努力满足父指令的要求，如下面的代码。

app.directive('mHeader', function() {
  return {
    require: '^^myModal',
    restrict: 'E',
    transclude: true,
    link: function(scope, element, attrs, myModalCtrl) {
      myModalCtrl.close();
    },
    templateUrl: 'my-header.html'
  };
});

此外，当使用 require 时，您可以访问父 Controller ，正如您在 myModalCtrl 上看到的那样。