在指令[angularjs]中使用相同的指令

Question

我需要根據條件參數在指令中使用相同的指令。 但是，當我嘗試執行此操作時，它似乎陷入了無休止的循環。 據我了解，它試圖預加載模板，並導致無休止的遞歸，最后，它只是向我拋出以下錯誤：“ RangeError：超出最大調用堆棧大小”。

我已經在小提琴中創建了一個示例..如您在示例中看到的那樣，當參數的值為“ 1”時，它會產生錯誤（即使第二級參數的值為“ 2”，因此也不應包含實數）控制器/應用中的遞歸問題）。 https://jsfiddle.net/qh9nh1gx/

“自定義指令”的模板：

<div>
<div ng-if='info==1'><div custom-directive info='2'></div></div>
<div ng-if='info==2'>DONE,single.</div>
</div>

謝謝

Answer 1

我發現有兩個選項可以解決該問題，第一個選項正是Jju所描述的-創建一個新的“編譯器”方法（可以從他發送的URL中獲取它）。 第二個選項-始終在指令的“遞歸”部分使用附加模板。 例如，在我的指令中，我有一個“ ng-repeat”部分，根據item值，它可能會要求再次顯示該指令。 雖然我使用“ ng-include”具有其他指令，但它確實有效。

<div ng-repeat="item in items" ng-include="'inline-possibly-recursive-template"'></div>

在該模板中，您可以再次調用該指令而不會出現任何問題。

我希望其他任何陷入這一問題的人都會這樣做。

Answer 2

您可以查看https://stackoverflow.com/a/19065910/1680674 ，其中描述了在內部使用自己創建指令的通用方法