2017-02-06 47 views
0

我用指令模板寫了單個文件。該文件使用ng-include指令附加到文檔中。有時瀏覽器在指令模板綁定之前加載模板,但並非總是如此角模板指令綁定

https://plnkr.co/edit/SNhVU6BoM0nbOelJpepE?p=preview

有一些解決方案後ng-include指令等應用HTML內容的文件,之後綁定指令模板?也許我應該使用不同的解決方案將這些模板加載到HTML文檔。

+0

我可以知道你爲什麼這麼複雜。如果你想使用ng-include,然後爲其編寫單獨的控制器,或者寫一個指令而不是ng-include –

回答

1

角有2種內置的可能性:

  1. YOUT模板應在文件中直接包含在 '的index.html'。 (同步模板)
<script src="templates.js"></script> 
in which: 
app.run(function($templateCache) { 
    $templateCache.put('templateId', '<div></div>') 
}) 
  • 每個模板應在單獨的文件中template1.htmltemplat2.html ... (異步模板)
  • PS開發過程中,模板始終處於單獨的html文件中,因此生產使用模板將使用構建工具收集到js文件中。