如何为AngularJS模块提供配置？

发布时间：2020-12-17 09:15:47 所属栏目：安全来源：网络整理

导读：目前,我将传统应用程序与使用AngularJS编写的动态部分相结合.我想从我的服务器提供一些配置到我的模块.在这种情况下,我想配置应用程序的“基本”URL.所有模板都可以在特定位置找到,该位置由服务器决定. 所以我试过这样的东西： angularForm.config( function

目前,我将传统应用程序与使用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.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!