AngularJS - 解析路由和重定向

时间:2015-03-24 22:41:33

标签: angularjs angularjs-routing

我正在尝试整合一个实时网站,以便移动设备友好。 AngularJS中是否有办法接收网址,例如../15K6#colors并将其路由到应该是../ colors / 15K6

的移动路线

我正在研究$ routeProvider,但我仍然是Angular的新手。任何帮助将不胜感激!

下面是我的配置块与$ routeProvider

的片段
    .config(
    [ '$routeProvider', function($routeProvider) {
        $routeProvider.when('/models', {
            templateUrl : 'views/models/models.html'
        }).when('/models/:modelCode', {
            templateUrl : 'views/models/model-detail.html'
        }).when('/colors/:modelCode', {
            templateUrl : 'views/colors/colors.html'
        }).when('/packages/:modelCode', {
            templateUrl : 'views/packages/packages.html'
        }).when('/packages/:modelCode/package-detail/:optionCode', {
            templateUrl : 'views/packages/package-detail.html'
        }).when('/options/:modelCode', {
            templateUrl : 'views/options/options.html'
        }).when('/accessories/:modelCode', {
            templateUrl : 'views/accessories/accessories.html'
        }).when('/accessories/:modelCode/accessory-options/:groupName', {
            templateUrl : 'views/accessories/accessory-options.html'
        }).when('/summary/:modelCode', {
            templateUrl : 'views/summary/summary.html'
        }).when('/disclaimer/:modelCode', {
            templateUrl : 'views/disclaimer/disclaimer.html'
        }).otherwise({
            redirectTo : '/models'
            //  parse url for deep linking
            //  e.g.    ../15K6#colors into colors/15K6
        });
    } ]

1 个答案:

答案 0 :(得分:0)

如果您提供更多代码详细信息,那就更好了。

在我的脑海中,我可以告诉你在定义控制器时传递$location参数。

myApp.module('MyController', function($scope, $location){
     $location.path("url");
})

或者在路径路径中只需要移动模板而不是桌面模板