在AngularJS自定義指令中提供默認模板

Question

我正在嘗試更新AngularJS中的自定義指令 - 它目前在代碼中指定了固定模板（使用模板：屬性）。

我想讓用戶可以選擇提供自己的模板，而不是使用templateUrl：屬性。

我的問題是如何提供回退 - 我不能在同一個指令中同時使用template和templateUrl。這是允許向後兼容的要求。

我試過對templateUrl使用函數，但返回HTML不是那裏的跑步者。

其他建議？

Answer 1

如果您在templateUrl中使用函數，您應該提供「模板標識符」Angular首先查看模板緩存，如果未找到，它會嘗試對同一個url的資源執行異步請求。

所以，你可以簡單地把你的默認模板放入文件中，並將其標識符作爲默認值返回。順便說一下，如果您在單獨的文件中使用templateUrl和html，請務必在構建過程中使用某種工具，如https://www.npmjs.com/package/ng-html2js。