javascript - $route 不适用于搜索网址

Question

我的路线示例：

angular.module('test', [], function ($routeProvider) {
$routeProvider.when('/', {
    templateUrl: 'pageOne.html',
    controller: ControllerOne
}).when('/?:foo, { templateUrl: '
pageTwo.html ', controller: ControllerTwo });`

但是如果我加载像http://example.com/?someFoo这样的页面，我的路由不会加载 ControllerTwo，它会加载 ControllerOne。我做错了什么？谢谢。

Answer 1

我认为格式不正确。

angular.module('test', [], function ($routeProvider) {
$routeProvider.when('/', {
    templateUrl: 'pageOne.html',
    controller: 'ControllerOne'
}).when('/foo/:foo', { templateUrl: '
pageTwo.html ', controller: 'ControllerTwo' });

并加载像http://example.com/#/foo/someFoo这样的页面

我建议你有

.otherwise({ redirectTo: '/nosuchpage.html'})

然后你就会知道你的链接是否错误。

Answer 2

您需要将控制器名称作为字符串传递

这有效

var myApp = angular.module('myApp',[],function($routeProvider) {        

    $routeProvider
        .when('/home',{templateUrl:'home.html'})
        .when('/page1',{templateUrl:'page1.html', controller:'ctrl1'})
        .when('/page2',{templateUrl:'page2.html', controller:'ctrl2'})
        .otherwise({redirectTo:'/home'});

});

function ctrl1($scope){
    $scope.something = 'Hello from page 1';
}
function ctrl2($scope){
    $scope.something = 'Hello from page 2';
}

jsfiddle：http: //jsfiddle.net/jaimem/T2TWB/1/

Answer 3

Angular 似乎不支持它。查看https://groups.google.com/d/topic/angular/5l4bbnWp18M/discussion