在angularjs中的指令内链接指令

时间:2016-03-06 15:40:04

标签: javascript html angularjs angularjs-directive

我希望使用自定义指令创建类似下面的内容。我能够获得“类别”部分,但不能获得“面包屑”部分。

enter image description here

面包屑指令中使用ng-repeat不起作用。

我可以观察到痕迹的 ul ,但 li 元素未附加到 ul

以下是我的小提琴,由于某种原因,代码在我身边工作不适用于jsfiddle。但我只是想提出一些想法。

Fiddle

return

Tree指令在单击时调用branch。 分支点击呼叫“breadcrumb”

ng-repeat在这里不起作用:

<div ng-controller="sampleCtrl">
   <tree src="categories"></tree>
</div>

从未调用过:

template: '<ul><breadcrumbnode ng-repeat="node in breadcrumbs" src="node"></breadcrumbnode></ul>'

期望:点击分支节点“Mattresses”(例如小提琴),我希望知道在div下使用class“bread-crumb-filter”观察一个列表。

指示可能导致指令不起作用的任何指示。

提前致谢!

1 个答案:

答案 0 :(得分:0)

jsfiddle中不需要第三个指令。我在“分支”节点的“click”事件上挂钩服务,然后将类别内容链接到rootscope(这是我的要求)。我会看到,一旦我有时间,我就可以通过一个有效的实现来调整小提琴。