AngularJS多模块开发

时间:2022-09-01 15:00:59

angularJS中的多模块开发是指多个module模块开发,步骤为:

  1. 确定主模块    var app=angular.module('myApp',[]);

  2. 其他的子模块添加到主模块后面的中括号中

    var app=angular.module('myApp',['myApp1','myApp2']);

  3. 创建子模块 var app1=angular.module('myApp1',[]);

  注意:子模块所在的标签必须写在主模块标签的内部

AngularJS多模块开发

AngularJS多模块开发

不太推荐的多模块开发:

  1. 在标签内设置id

  2. 通过  angular.bootstrap(document.getElementById("myApp1"),["myApp1"]); 给标签设置成模块。

  angular.bootstrap()的第一个参数是获取的dom元素,第二个参数是要设置的模块名称,注意,该项以数组形式填写。

AngularJS多模块开发