2016-03-06 120 views
0

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

enter image description here

使用在面包屑指令 NG-重复,不能正常工作。

我可以观察UL面包屑的元件不追加到UL

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

Fiddle

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

树指令调用点击分支。 分公司的点击通话“面包屑”

NG重复并不在这里工作:

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

这是从来没有叫:

template: '<li><a>{{ node }}</a></li>', 

后市展望:在分支节点“床垫”的点击(例如在小提琴中),我希望知道在div下使用class“bread-crumb-filter”观察列表。

任何可能导致指令不能正常工作的指针。

在此先感谢!

+1

对于小提琴,请单击JavaScript按钮并选择AngularJS框架和载入类型 - “无换行 - 正文”,应该可以工作。 –

+0

Your Fiddle在依赖注入方面存在错误。添加'ng-strict-di'并使用angular.js而不是angular.min.js,会出现以下错误:'错误:[$ injector:strictdi]函数($ compile)不使用显式注释,不能在严格模式“。这表明你正在使用'$ compile',这个角度认为它没有被正确注入,当缩小时它会被破坏。你应该从那里开始。 – Claies

+0

@SlavaN。 :感谢关于小提琴的提示,仍然小提琴并不整齐,但我想解释这个问题。 – anjhawar

回答

0

第三个指令在jsfiddle中不是必需的。我在“分支”节点的“单击”事件上挂钩了一个服务,然后将类别内容链接到了根目录(这是我的要求)。我会看到万一我可以在一段时间内用一个工作实现来调整小提琴。