在哪里放置角度配置变量?

时间:2015-09-24 14:48:19

标签: angularjs variables

我是角色的新手,我正在使用具有一些初始设置的Angular应用程序,只有很多变量包含Api授权,名称,路线等等。现在所有这些只是var在此部分之后宣布:

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

有一个推荐的地方,所有这些变量必须去哪里?

2 个答案:

答案 0 :(得分:1)

使用角度常量和值来定义这些东西。

https://docs.angularjs.org/api/auto/service/ $提供#值

创建常量或值后,可以将它们注入控制器和指令。

有时您需要通过呈现的index.htlm将数据传递到您的应用中。例如; .NET应用程序可能希望将一些数据从web.config传递到angularjs应用程序。

您可以在应用包含后添加一个块,然后在那里声明数据。

 <script>angular.module('app').constant('websiteName','HELLOWORLD');</script>

答案 1 :(得分:1)

模块

在角度中,您可以使用一种主模块来添加配置。

此模块将注入您创建的所有其他模块以及NgRoute等模块。以下是我的角度应用中的主要模块示例,完整来源here

var app = angular.module("myApp",   [
 'ui.bootstrap',
 'ngAnimate',
 'myAppRouter',
 'myAppHomeCtrl',
 'myAppHomeService',
 'myAppNavbarDirective',
 'myAppNavbarService',
 'myAppLoginCtrl',
 'myAppLoginService'
 ]);

//This config is used to remove the # in the html
app.config(["$locationProvider", function($locationProvider) {
   $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
   });
}]);

上面显示了我的主模块上的配置,以使我的网址看起来正确。