AngularJS路由没有拾取路由

时间:2014-02-26 08:55:15

标签: angularjs

我是AngularJS的新手,我遇到了一些路由问题。我有我的主app.js:

'use strict';

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

angular
    .module('app')
    .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
}]);

我的控制器文件如下:

angular
.module('budget', ['budget.services'])
.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: '/content/app/budget/views/budget.html',
            controller: 'budget.homeController'
        })
        .when('/budget/:year/:month',
        {
            templateUrl: '/content/app/budget/views/budget.html',
            controller: 'budget.homeSelectController'
        });
}])

.controller('budget.homeController', function ($scope, budgetStore) {
    budgetStore.getCurrentBudget(function (data) {
        $scope.budget = data;
    });
})
.controller('budget.homeSelectController', function ($scope, $routeParams, budgetStore) {
    budgetStore.getBudget($routeParams.month, $routeParams.year, function (data) {
        $scope.budget = data;
    });
});

Angular只有路由到homeController路由,它从不路由到第二条路由?谁能告诉我我做错了什么?

1 个答案:

答案 0 :(得分:0)

我认为您的查询字符串分配错误

你看过这个吗?

  

以角度js

传递查询字符串
<a href="/main.html#/budget/12/12" >Next Page</a>

<a href="/main.html#/budget/{{Yourvale1}}/{{Yourvale2}}" >Next Page</a>

获取查询字符串值

$routeParams.Yourvale1;