我希望使用 angularjs 构建自定义小部件。我的问题是我希望能够松散地耦合我的小部件。
就我而言,我希望构建一个两级组件:
- 图形微调器
- 一个进度小部件,将微调器作为
参数
。
我已经构建了旋转器 - 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 调用的 Controller 。您的 gh:spinner 可以通过 require: 属性请求此 Controller ,并将其注入(inject)到其 link: 函数中。在这里,您可以在 require 中使用 ^ 来告诉它在父元素上查找 Controller 。
请参阅 http://docs.angularjs.org/guide/directive 上的要求:规范.
查看 angularjs.org 主页底部的选项卡示例,了解其实际效果。在这里, Pane 指令需要父选项卡的 Controller ,以便它们可以注册并让选项卡控制它们之间的切换。
关于javascript - 使用 angularjs 组成多层视觉元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13852047/