Angular 指令要求在同一个元素上

Question

您好，您尝试对同一元素进行要求。根据角度文档，这是可能的。

一个 ^ 前缀将使指令自行查找控制器 元素或其父元素；没有任何前缀，该指令看起来 仅在其自己的元素上。

按照说明。我有两个指令，myD 和 myC...希望能够从 myC 的链接 ctrl 属性访问 myD。

我已包含指向我的 codepen 示例的链接。

var app = angular.module("app",[]);


app.directive("myD", function() {
   return {
      restrict : "E",
      template : "<b>myd</d>"
   }
});

app.directive("myC", function() {
   return {
      require : "myD",
      restrict : "A",
      link : function (scope, attr, ele, ctrl) {
         alert(JSON.stringify(ctrl));
      }
   }

});

<div ng-app="app">
   <my-d my-c></my-d>
</div>

http://codepen.io/mantisimo/pen/KWOxeg

得到以下错误：

错误：[$compile:ctreq] 控制器“myD”，指令“myC”需要， 找不到！

Answer 1

当您使用require 时，您要求 Angular 注入所需元素的控制器。在您的情况下，控制器未定义。

错误出现在myD 中，您需要在其中声明控制器。

app.directive("myD", function() {
   return {
      restrict : "E",
      template : "<b>myd</d>",
      controller: function(){}
   }
});