我們正在從使用JSP進行Java開發轉換爲AngularJS方法(富客戶端)。哪個是用Angular JS導入文件/模板的最佳方式?
在JSP中,我們可以與Apache Tiles模板,所以我們定義的共同的東西,如菜單,頁眉和頁腳和進口無處不在。
我想用JSP/Apache的瓷磚做,但我認爲這將很難與我噶自動化測試。
編輯:我們正在建立一個龐大的應用程序,我們將有萬噸形式/菜單項,我們計劃有一個單頁應用這些每一個。
我們正在從使用JSP進行Java開發轉換爲AngularJS方法(富客戶端)。哪個是用Angular JS導入文件/模板的最佳方式?
在JSP中,我們可以與Apache Tiles模板,所以我們定義的共同的東西,如菜單,頁眉和頁腳和進口無處不在。
我想用JSP/Apache的瓷磚做,但我認爲這將很難與我噶自動化測試。
編輯:我們正在建立一個龐大的應用程序,我們將有萬噸形式/菜單項,我們計劃有一個單頁應用這些每一個。
查找到角指令:http://docs.angularjs.org/guide/directive
有一個指令意味着你可以定義是這樣的:
<div class="someContainer">
<div class="menu"></div>
</div>
,並讓它變成這樣:
<div class="someContainer">
<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>
</div>
這要看情況。
對於整個應用程序,您仍然可以使用服務器端模板(我使用的是具有Symfony2應用程序的樹枝),然後對部分需要具備某種功能的重複元素使用帶有部分模板(簡單html文件)的指令。
實際上,你可以再次寫入你喜歡的模板引擎的部分模板,只要歐之前,請確保它傳遞到客戶端就會被解析。
除此之外:只需使用簡單的HTML/CSS,對「變量」使用綁定,並使用ANgular指令(ng-class,ng-if等)以您想要的方式根據您的樣式/顯示元素模型數據。如果你需要更復雜的東西:只需編寫你自己的指令!
Angularjs是用於與胖客戶端單-page應用的最佳解決方案。它適用於一切和任何事情。確保你花了一些時間來設計你的指令。 這些veidos可能是有幫助的:http://egghead.io/
而不僅僅是指令。作爲一個整體fraework它真棒。您可以通過最佳性能和測試支持來實時擴展您的應用程序。
這如果我們只有一個單頁的應用,但我們有很多的菜單項/表格,它們之間沒有相關性建立一個龐大的應用程序,我們計劃使每一種是SPA有意義,而不是整個應用程序。 –
我知道,你可以讓每個單獨的表單成爲一個指令。所以你可以在多個頁面上使用它。 –