如何为AngularJS模块提供配置?

前端之家收集整理的这篇文章主要介绍了如何为AngularJS模块提供配置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,我将传统应用程序与使用AngularJS编写的动态部分相结合.我想从我的服务器提供一些配置到我的模块.在这种情况下,我想配置应用程序的“基本”URL.所有模板都可以在特定位置找到,该位置由服务器决定.

所以我试过这样的东西:

angularForm.config(
 function($routeProvider,TemplateLocator) {
    $routeProvider.when('/',{
        controller : TestController,templateUrl : TemplateLocator.getTemplate('FormOuterContainer')
 });
});

在服务器上:

<script type="text/javascript">
 angular.module('BoekingsModule.config',[]).provider('TemplateLocator',function() {
        this.$get = function() {
            return // something
        }

        this.getTemplate = function(name) { return 'location...'; }
    });
 </script>

但是,我不知道这是正确的方法.
那么简而言之,我怎么能在一个模块中提供一些(外部)配置,而不必改变模块本身?

你可以做几件事情

>渲染服务器上的js中的位置.

Pro:较少的请求 – >更好的表现(通常)

缺点:

将服务器端渲染与SPA结合使得系统更加复杂,导致更高的维护成本.
>如果要在服务器端渲染中混合,则很难正确压缩您的js文件,在html中嵌入js也是丑陋的.

>将模板位置解压缩到service.

从这个服务,您可以使用@L_404_1@从json格式的服务器中获取数据.这使事情变得更简单,但也可能会增加您的Web服务器的负载.

猜你在找的Angularjs相关文章