我目前正在关注AngularJS的教程.这是我的controllers.js文件中的代码.
'use strict'; angular.module ( 'F1FeederApp.controllers',[] ) .controller ( 'driversController',function ( $scope,ergastAPIservice ) { $scope.nameFilter = null; $scope.driversList = []; ergastAPIservice.getDrivers ().success ( function ( response ) { $scope.driversList = response.MRData.StandingsTable.StandingsLists [ 0 ].DriverStandings; }); });
我收到以下错误：
1)$sceDelegate策略不允许阻止来自url的加载资源.
2)TypeError：ergastAPIservice.getDrivers(…).success不是函数
我根本不确定导致这些错误的原因,我对Angular很新.我在我和其他例子之间看到的唯一可能的差异是在这段代码中：(services.js)
'use strict'; angular.module ( 'F1FeederApp.services',[] ) .factory ( 'ergastAPIservice',function ( $http ) { var ergastAPI = {}; ergastAPI.getDrivers = function () { return $http ({ method : 'JSONP',url : 'http://ergast.com/api/f1/2013/driverStandings.json?callback=JSON_CALLBACK' }); }; return ergastAPI; });
我注意到的差异在于我的getDrivers函数末尾有一个分号,并且我在文件顶部也有use strict语句.但是,grunt拒绝在没有这两行的情况下运行应用程序,所以我不认为这可能是问题.
如果有人能指出我在这里正确的方向,我将非常感激.
解决方法
问题#1：
您尝试从应用中请求的网址不安全
根据AngularJS sceDelegatePolicy.要解决它,你需要
使用resourceUrlWhitelist方法将应用中的网址列入白名单
在$sceDelegateProvider如下图所示：
angular.module('myApp',[]).config(function($sceDelegateProvider) {
$sceDelegateProvider.resourceUrlWhitelist([
// Allow same origin resource loads.
'self',// Allow loading from our assets domain. **.
'http://ergast.com/**'
]);
对于清楚的解释和上面的例子是从here
问题#2：
错误TypeError：ergastAPIservice.getDrivers(…).success的问题可能是由于您正在使用的AngularJS版本.传统的.success / .error方法现在已在最新的AngularJs 1.6版中弃用.这是Deprecation notice如果您使用的是最新的AngularJs,那可能就是原因,否则,我们需要更多信息来调试问题.
