2015-10-17 86 views
1

我需要使用angular.js動態包含javascript文件。假設我有下面的項目html視圖結構。如何使用angular.js包含.js文件

1-index.html. 

    a)hod.html-hodcontroller.js 
     i)home.html.-homecontroller.js 
     ii)about.html.-aboutcontroller.js 

    b)Princpal.html-princpalcontroller.js 

     i)home.html-homecontroller.js 
      ii)about.html -aboutcontroller.js 

讓我來解釋一下上面的結構。我有一個母版頁(i.e-index.html)。 hod.html and Princpal.html是index.html頁面的局部視圖。每個home.html and about.html都是hod.htmland Princpal.html的局部視圖,所以最後這些都是嵌套視圖。在這裏我包括所有js文件在index.html頁但是在這裏我需要任何部分視圖將附加在索引頁中只有相關的.js文件將附加在索引頁面不是所有頁面。所以請幫助我使用angular.js來做到這一點。

+0

請查看'ui-router'與角度中的嵌套視圖有關以及SPA中應如何實現。回顧'ng-include'和指令的概念,特別是在加載部分視圖方面,我認爲這會對你有所幫助。 – markyph

+0

@markyph:我也在使用ui-router。你可以根據這個要求編輯一個例子。 – subhra

回答

0

你想要做的不是創建角度應用程序的最佳方式。 通常你想要所有的代碼在一個js文件中。

當然,當你開發,他們將不同的文件,所以你應該使用 一個任務運行像咕嚕咕嘟咕嘟來爲你做的。

我建議你使用Yeomen generatorangular generator

它將建立一個工作角度爲應用程序與你步兵和其他有趣的東西。

+0

@ Emanuele:不,我不想全部編碼到一個js文件中。在這裏我需要如何根據視圖管理包含js文件。再次閱讀我的文章。 – subhra

+0

然後您需要創建多個角度應用程序,因爲角度不能動態添加控制器。但是,如果你真的想遵循這條道路,看看這個:http://stackoverflow.com/questions/15250644/loading-an-angularjs-controller-dynamically –