angularjs指令重用模板

Question

我正在AngularJS中創建上下文菜單指令。 在我的網頁中，我有一個項目列表，每個項目都有一個打開該上下文菜單的按鈕。
由於屏幕上只顯示一個上下文菜單，因此我想創建一個菜單模板，並且每次單擊上下文菜單按鈕時，請使用選中項的數據更新模板。
我正在尋找的是一種重用模板元素的方法。

例如，如果我有1000個項目，則模板對所有元素只能創建一次，而不能創建1000次。 每當用戶單擊“觸發”按鈕時，指令將使用包含項目數據的模板重新編譯模板，並將其附加到相關位置。

在AngularJs中這可能嗎？ 如果是，實現它的最佳方法是什么？

Answer 1

您可以使用ng-include，而不是一直創建指令：

https://docs.angularjs.org/api/ng/directive/ngInclude

您可以創建一個模板，然后將其包含在循環中。 用正確的內容更新它的邏輯應該存在於控制器中。

需要注意的是，您需要將模板路徑作為字符串傳遞，例如

<span ng-include="'partials/folder/includes/my-template.html'"></span>

注意雙引號后的單引號。