2016-03-06 166 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中不是必需的。我在「分支」節點的「單擊」事件上掛鉤了一個服務,然後將類別內容鏈接到了根目錄(這是我的要求)。我會看到萬一我可以在一段時間內用一個工作實現來調整小提琴。