javascript – 将环境详细信息注入AngularJS控制器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将环境详细信息注入AngularJS控制器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1258字，纯文字阅读大概需要2分钟。

内容图文

我们以AngularJS tutorial为例

function PhoneListCtrl($scope, $http) {
   $http.get('phones/phones.json').success(function(data) {
      $scope.phones = data;
   });

   $scope.orderProp = 'age';
}

//PhoneListCtrl.$inject = ['$scope', '$http'];

现在,让我说我不想硬编码网址’phones / phones.json’并且更喜欢托管这个控制器的页面注入它,在Angular JS中做同样的方法应该是什么？

解决方法:

有很多方法可以做到这一点……最简单的方法就是使用$window,所以你要注入$window服务,这基本上只是注入的全局$窗口.然后你可以将这些路径注册为window.path =’whatever.json’;你会没事的：

window.path = 'some/path.json';

function PhoneListCtrl($scope, $http, $window) {
   $http.get($window.path).success(function(data) {
      $scope.phones = data;
   });

   $scope.orderProp = 'age';
}

更高级的方法是创建一个模块,其中包含您注入应用程序的服务,在这种情况下,每个页面都有自己的模块：

 //create your module.
 angular.module('configData', [])
   .factory('pathService', function () {
        return {
           path: 'some/path.json'
        };
   });

//then inject it into your app
var app = angular.module('myApp', ['configData']);

app.controller('PhoneListCtrl', function($scope, $http, pathService) {
   $http.get(pathService.path).success(function(data) {
       $scope.phones = data;
   });

   $scope.orderProp = 'age';
});

当然,你可以在两者之间做任何事情.我建议采用最易维护的路径,同时仍然易于测试.

内容总结

以上是互联网集市为您收集整理的javascript – 将环境详细信息注入AngularJS控制器全部内容，希望文章能够帮你解决javascript – 将环境详细信息注入AngularJS控制器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端