SPA中按需加载控制器-AngularJS

Question

I am new to the whole SPA thing, but i interested of develop one. All the tutorials on the web has 2 controllers that are included inside the main page. My question is what is the best practice to load the controllers on demand, for example, if i have 5 pages (called partials in SPA world), each one of them has different logic. so i will have 5 controllers, one for each page. I don't think that load all the 5 controllers in the main page is the good method, so how can i load angularJS controller on demand? and how can i unload the controller that was used in the previous "pages"?

if someone has a good tutorial for spa with angular that has more than 2-3 controllers, i will be happy for a link.

Answer 1

我认为这篇博客文章回答了我的问题， AngularJS + RequireJS

Answer 2

We have achieved that using ocLazyLoader. It is dependent states, and for each state you will have to specify the js files to be loaded. Here is the link https://oclazyload.readme.io/

Although, I would suggest to use minification of the files using grunt or other tool. This would help in increasing the performance as well because network data transfer is not an issue anymore, but to open a connection to server is time consuming. So, its better to minify and load everything at once.