2013-11-14 26 views
1

我們正在從使用JSP進行Java開發轉換爲AngularJS方法(富客戶端)。哪個是用Angular JS導入文件/模板的最佳方式?

在JSP中,我們可以與Apache Tiles模板,所以我們定義的共同的東西,如菜單,頁眉和頁腳和進口無處不在。

我想用JSP/Apache的瓷磚做,但我認爲這將很難與我噶自動化測試。

編輯:我們正在建立一個龐大的應用程序,我們將有萬噸形式/菜單項,我們計劃有一個單頁應用這些每一個。

回答

0

查找到角指令: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> 
+0

這如果我們只有一個單頁的應用,但我們有很多的菜單項/表格,它們之間沒有相關性建立一個龐大的應用程序,我們計劃使每一種是SPA有意義,而不是整個應用程序。 –

+0

我知道,你可以讓每個單獨的表單成爲一個指令。所以你可以在多個頁面上使用它。 –

2

這要看情況。

對於整個應用程序,您仍然可以使用服務器端模板(我使用的是具有Symfony2應用程序的樹枝),然後對部分需要具備某種功能的重複元素使用帶有部分模板(簡單html文件)的指令。

實際上,你可以再次寫入你喜歡的模板引擎的部分模板,只要歐之前,請確保它傳遞到客戶端就會被解析。

除此之外:只需使用簡單的HTML/CSS,對「變量」使用綁定,並使用ANgular指令(ng-class,ng-if等)以您想要的方式根據您的樣式/顯示元素模型數據。如果你需要更復雜的東西:只需編寫你自己的指令!

0

Angularjs是用於與胖客戶端單-page應用的最佳解決方案。它適用於一切和任何事情。確保你花了一些時間來設計你的指令。 這些veidos可能是有幫助的:http://egghead.io/

而不僅僅是指令。作爲一個整體fraework它真棒。您可以通過最佳性能和測試支持來實時擴展您的應用程序。

相關問題