Question

这是来自此question的工作代码，用于接收和呈现数据。

var app = angular.module('app', ['ngResource', 'ngRoute']);

app.config(function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider.when('/matches', {
        templateUrl: 'partials/matches',
        controller: MyCtrl,
        resolve: MyCtrl.resolve
    });
});

function MyCtrl($scope, datasets, $log) {
    $scope.datasets = datasets.data;
    $log.info(datasets.data[0]);
}

MyCtrl.resolve = {
    datasets : function($http) {
        return $http({ method: 'GET', url: 'api/matches/Orioles' });
    }
};

但是当我添加像

这样的路线参数时

$routeProvider.when('/matches/:team', ...

MyCtrl.resolve = {
    datasets : function($http, $route) {
    var link = 'api/matches/' + $route.current.params.team;
    return $http({ method: 'GET', url: link });
  }
};

它开始表现得像一些循环或递归。尝试多次加载Angular并且浏览器冻结

GET /vendor/jquery/jquery.js?_=1408235258856 200 12ms - 241.55kb
GET /vendor/angular/angular.js?_=1408235258857 200 27ms - 759.52kb
GET /vendor/angular-resource/angular-resource.js?_=1408235258858 200 23ms - 23.74kb
GET /vendor/angular-route/angular-route.js?_=1408235258859 200 2ms - 32.28kb
GET /app/app.js?_=1408235258860 200 1ms - 2.24kb
GET /vendor/jquery/jquery.js?_=1408235258861 200 1ms - 241.55kb
GET /vendor/angular/angular.js?_=1408235258862 200 3ms - 759.52kb
GET /vendor/angular-resource/angular-resource.js?_=1408235258863 200 3ms - 23.74kb
GET /vendor/angular-route/angular-route.js?_=1408235258864 200 3ms - 32.28kb
GET /app/app.js?_=1408235258865 200 1ms - 2.24kb
GET /vendor/jquery/jquery.js?_=1408235258866 200 1ms - 241.55kb
GET /vendor/angular/angular.js?_=1408235258867 200 11ms - 759.52kb
GET /vendor/angular-resource/angular-resource.js?_=1408235258868 200 2ms - 23.74kb
GET /vendor/angular-route/angular-route.js?_=1408235258869 200 1ms - 32.28kb
GET /app/app.js?_=1408235258870 200 1ms - 2.24kb
GET /vendor/jquery/jquery.js?_=1408235258871 200 2ms - 241.55kb

使用参数路由并解决多次加载角度

0 个答案: