2

我希望使用 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>

然后使用模板。

提前致谢！

4

1 回答 1

3

你可以在你的 gh:progress 指令上创建一个控制器，由 gh:spinner 调用。您的 gh:spinner 可以通过 require: 属性将该控制器注入到其 link: 函数中。在这里，您将在 require 中使用 ^ 来告诉它在父元素上查找控制器。

请参阅http://docs.angularjs.org/guide/directive上的 require: 规范。

查看 angularjs.org 主页底部的 Tabs 示例以查看它的实际效果。在这里，窗格指令需要父选项卡的控制器，以便它们可以注册并让选项卡控制它们之间的切换。

于 2012-12-19T05:59:04.490 回答