大佬教程收集整理的这篇文章主要介绍了angularjs – Angular路由器解析导致未知的提供程序错误,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
app.js
var myApp = angular.module('myApp',['ngRoute']); myApp.config( function ($interpolateProvider,$routeProvider) { $routeProvider ... .when('/project/:projectId',{ templateUrl : 'partials/_project_detail.html',controller: 'ProjectDetailCtrl',resolve: { project: function ($route,MyservicE) { return Myservice.get('projects/',$route.current.params.projectId).then(function(data) { console.log('VERIFY DATA: ',data); return data; }); } }
controllers.js
.controller('ProjectDetailCtrl',function ($scope,project) { $scope.project = project; }
编辑
.factory('Myservice',function ($http,$q) { var Myservice = { ... get: function (items_url,objId) { var defer = $q.defer(); $http({method: 'GET',url: api_url + items_url + objID}). success(function (data,status,headers,config) { defer.resolve(data); }).error(function (data,config) { defer.reject(status); }); return defer.promise; },
编辑2
app.js
var myApp = angular.module('myApp',resolve: { project: {title: 'foo'} } }); })
我可以验证我的解析函数是否正确返回,但Angular仍然抱怨该项目未被识别.这是什么问题?我已经尝试将我的控制器转换为模块并将其传递给myApp模块,但我仍然为项目获得了相同的Unidentified Provider问题.
注意:我使用的是Angular 1.2.9.
编辑3:解决方案
所以问题是我的模板中的这一行:
<!-- WRONG: <div ng-controller="ProjectDetailCtrl">--> <div> <h2 ng-show="project">Project: <strong>{{ project.title }}</strong></h2> </div>
显然ng-controller指令不能与resolve一起使用.
以上是大佬教程为你收集整理的angularjs – Angular路由器解析导致未知的提供程序错误全部内容,希望文章能够帮你解决angularjs – Angular路由器解析导致未知的提供程序错误所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。