我正在构建使用CORS请求的应用程序。我使用的每个请求都从常量中获取主机地址
angular.module('siteApp').constant('baseUrl', {
'server':'htttp://localhost/',
})
在每个服务我用来发送这样的请求：
angular.module('siteApp').factory('DocsSvc', function ($http, baseUrl) {
var baseurl = baseUrl.server ;
$http.get(baseurl + 'document')
是否有可能使'htttp：// localhost /'值 - 来自config.json文件到baseUrl常量或baseUrl工厂？
我的意思是：我怎样才能从ajax请求中加载一些东西使其可以访问app模块
我努力了：
.run(['$rootScope', , function ($rootScope) {
$.ajax('config.json', {async: false})
.success(function (data) {
$rootScope.HOST = data.HOST;
});
并尝试从baseUrl访问它：
angular.module('siteApp').factory('baseUrl',function($rootScope) {
return {
server: $rootScope.HOST
但没有运气 - baseUrl.server未定义为函数
您可以使用 run 角度方法。
var app = angular.module('plunker', []);
app.run(function($http, $rootScope){
$http.get('config.json')
.success(function(data, status, headers, config) {
$rootScope.config = data;
$rootScope.$broadcast('config-loaded');
})
.error(function(data, status, headers, config) {
// log error
alert('error');
});
})
app.controller('MainCtrl', function($scope, $rootScope) {
$scope.$on('config-loaded', function(){
$scope.name = $rootScope.config.name;
});
});
看到这个 plunker
您可以使用 run 角度方法。
var app = angular.module('plunker', []);
app.run(function($http, $rootScope){
$http.get('config.json')
.success(function(data, status, headers, config) {
$rootScope.config = data;
$rootScope.$broadcast('config-loaded');
})
.error(function(data, status, headers, config) {
// log error
alert('error');
});
})
app.controller('MainCtrl', function($scope, $rootScope) {
$scope.$on('config-loaded', function(){
$scope.name = $rootScope.config.name;
});
});
看到这个 plunker
如果您想在角度应用程序启动之前执行此操作，则可以使用引导程序函数而不是使用ng-app指令。
从：
https://docs.angularjs.org/api/ng/function/angular.bootstrap
<!doctype html>
<html>
<body>
<div ng-controller="WelcomeController">
{{greeting}}
</div>
<script src="angular.js"></script>
<script>
var app = angular.module('demo', [])
.controller('WelcomeController', function($scope) {
$scope.greeting = 'Welcome!';
});
// Do your loading of JSON here
angular.bootstrap(document, ['demo']);
</script>
</body>
</html>
你需要告诉有关数据更改的角度，所以修改你的代码是这样的：
.run(['$rootScope', function ($rootScope) {
$.ajax('config.json', {async: false})
.success(function (data) {
$rootScope.HOST = data.HOST;
$rootScope.$apply(); // New line
});
}])
那 $apply() 因为它是非角度异步调用所以是必需的。