角度對話服務和模態代碼的可讀性

Question

我正在使用Angular Dialog Service在我的網站上構建彈出窗體。此服務的源可以在這裏找到：https://github.com/m-e-conroy/angular-dialog-service/blob/master/README.md

無論如何，這說明什麼模式包含和不實際的角度和JavaScript走後以下，其中...是：

.run(['$templateCache',function($templateCache){ 
    $templateCache.put(...) 

我的問題是html和js似乎都必須是一個接一個，而且它們之間沒有間距或縮進。這會導致描述模式的代碼基本上只是一個文本牆，在我複雜的模式中，這些文本已經變成邊界不可讀和可編輯的。一個這樣的例子可以在這裏的代碼的JS部分找到：http://codepen.io/m-e-conroy/pen/rkIqv

是否有一個簡單的修復，這將允許我有我的模態HTML和JS在非文本格式的牆壁，並讓它建立成功？如果沒有修復，這似乎是使用Angular Dialog Service處理模態的一個相當大的缺陷...

謝謝！

Answer 1

有一些工具可以爲您構建templateCache，如html2js。

這意味着，您可以將您的html代碼存儲在html文件中（顯然應該是），然後將其收集到單個JavaScript文件中，其中包含$templateCache.put(/* content of html file */);。請不要忘記將結果模塊包含到您的項目中，因此，當其中一個服務請求html文件時，它可以在templateCache中找到。

所以你不應該在.js文件中編輯html。這在許多層面上都是錯誤的。