angular.js - How to load css js of different templates in angularjs

Question

How can the different js and css used in each template be loaded on demand? Can they be combined into one file? In addition, is angularjs suitable for mobile development? The file feels very large.

Answer 1

angular is still too heavy for mobile devices.

Consider using requirejs or seajs for on-demand loading of js.

The on-demand loading of css can only be split into individual css by module and then referenced on demand. Look at the module granularity.

Answer 2

angular itself does not handle file loading.
If you need to load each file on demand, consider using require.js or sea.js

Answer 3

angular does not require require.js
Just declare in your app that the required modules are loaded when you use them.
For example, I declared in testCotroller

APP.controller('test',[$http,'myjsfunc'],function(){
    //your code
})

Then in the html code, as long as the page using the test controller introduces the js of the myjsfunc module written by yourself (it may be service, filter, etc., or you can manually encapsulate it into an angular module, you can not encapsulate it, angular will complete the js after the js is completed) bootstrap) can complete on-demand loading