如何在加载时配置AngularJS应用程序?

dou*_*oll 6 configuration bootstrapping dry angularjs

我想做这样的事情(但显然不是这个,因为这个函数不能这样工作)

angular.bootstrap( $("#myelement"), ['myModule'], {foo: bar} );
Run Code Online (Sandbox Code Playgroud)

我想传递一个配置对象,因为我们可能希望在页面上有不止一个应用程序实例,具有不同的设置等.我能想到的只是丑陋的变通方法.我认为最好的办法是覆盖我自己制作的"选项"服务,但我仍然无法找到正确的方法(简洁地说).

提前致谢!

And*_*lin 8

你怎么样尝试这样的事情:

angular.module('configFoo', []).run(function() {});

angular.module('configBar', []).run(function() {});

angular.bootstrap(myEl, ['myModule', 'configFoo']);

angular.bootstrap(myOtherEl, ['myModule', 'configBar']);
Run Code Online (Sandbox Code Playgroud)

所有可用模块方法的http://docs.angularjs.org/api/angular.Module(您可能只对.run()和.config()感兴趣)

  • 您不必为配置模块提供唯一的名称。当您引导下一个实例时,您可以覆盖旧的实例。看到这里:http://jsfiddle.net/Sjeiti/eT4Z5/ (2认同)