栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

AngularJS依赖注入解决

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

AngularJS依赖注入解决

解析是路由的属性,而不是控制器的属性。控制器将注入在路由级别上定义的依赖项,而无需在控制器上指定解析属性。

以您的一个示例(转换为Javascript)为例,您将像往常一样定义控制器,即:

MyCtrl1 = function($scope, $http, batman, title) {  $scope.batman = batman.data;  $scope.title = title.data;}

然后是路线上的resolve属性:

angular.module('app', []).config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {  $locationProvider.html5Mode(true)  $routeProvider.when('/',{templateUrl: 'index.html', controller: MyCtrl1, resolve: {    batman: ['$http', function($http) {      return $http.get(..).then(function(response){         return response.data;      });    }],    title: ['$http', function($http) {      return //as above    }]  }});  $routeProvider.otherwise({redirectTo: '/'});}]);

如果您想使用路由的resolve部分来减少代码,则需要使用数组样式的注释-我已在上面的示例中添加了注释。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/613937.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号