我希望使用angularjs构建自定义的小部件。我的问题是我希望能够松散地耦合我的小部件。
就我而言，我希望构建一个两级组件：
图形微调器
一个将微调框作为argument的进度小部件。
我已经制作了微调器-http://jsfiddle.net/Byg6W/
我希望这样编写进度小部件：
<gh:progress data="progress">
<gh:spinner .... options ....> </gh:spinner>
</gh:progress>
并能够以某种方式将这两个组件“连接”在一起，以便在“数据”更新时，它会自动送入gh：spinner，这与我不愿做的事情相反-将gh：spinner的所有选项都放入gh：进展
<gh:progress data="progress" .... options ....></gh:progress>
然后使用模板。
提前致谢！
最佳答案
您可以在gh：progress指令上创建一个由gh：spinner调用的控制器。您的gh：spinner可以通过require：属性要求将其插入到link：函数中。在这里，您将在require中使用^来告诉它在父元素上寻找控制器。
请参见http://docs.angularjs.org/guide/directive上的require：规范。
查看angularjs.org主页底部的“选项卡”示例，以查看实际运行情况。在这里，窗格指令需要父选项卡的控制器，以便它们可以注册并让选项卡控制它们之间的切换。