我可能会考虑这完全向后，但我想尝试做三个嵌套指令，让他们称之为：屏幕，组件和小部件。我想要小部件能够触发组件中的一些行为，这反过来在屏幕中触发一些行为。所以：
.directive('screen',function() {
return {
scope: true,controller: function() {
this.doSomethingScreeny = function() {
alert("screeny!");
}
}
}
})
.directive('component',controller: function() {
this.componentFunction = function() {
WHAT.doSomethingScreeny();
}
}
}
})
.directive('widget',require: "^component",link: function(scope,element,attrs,componentCtrl) {
scope.widgetIt = function() {
componentCtrl.componentFunction();
};
}
}
})
<div screen>
<div component>
<div widget>
<button ng-click="widgetIt()">Woo Hoo</button>
</div>
</div>
</div>
我可以要求在组件的链接fn使用require：“^组件”的父组件，但是如何进一步给组件控制器访问其包含的屏幕？
我需要的是组件中的WHAT，所以当你单击小部件的按钮，它警告“screeny！”。
谢谢。
