Question

你还有一个问题，我有下一个角度配置：

angular.module('ow', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
    when('/:placeId', {templateUrl: 'partials/menu.html',   controller: MenuCtrl}).
    when('/menu/:itemId', {templateUrl: 'partials/menu-details.html', controller: MenuItemCtrl}).
    when('/look/refill', {templateUrl: 'partials/refill.html', controller: RefillCtrl}).
    when('/look/orderCart', {templateUrl: 'partials/orderCart.html', controller: OrderCartCtrl}).
    when('/lang/:lang', {templateUrl: 'partials/menu.html', controller: LangCtrl}).
    when('/waiter/:redirect', {templateUrl: "???????", controller: WaiterCtrl}).
    otherwise({redirectTo: '/0'});
}];

而不是“?????”我需要放置动态网址，尝试在控制器中执行此操作：

function WaiterCtrl($routeParams, $location, sharedData, $http, $route) {
$http.get(config.urls.ajaxWaiter + "{\"p\":\"" + sharedData.getOrderCart().orderPlace + "\"}").success(function(dataDetails) {
    if ($routeParams.redirect == "menu") {
        $route.templateUrl = "partials/menu.html";
        $location.path("/");
    }
    if ($routeParams.redirect == "menuDetails") {
        $route.templateUrl = "partials/menu-details.html";
        $location.path("/menu/" + sharedData.getMenu());
    }
    if ($routeParams.redirect == "orderCart") {
        $route.templateUrl = "partials/orderCart.html";
        $location.path("/orderCart");
    }
    if ($routeParams.redirect == "refill") {
        $route.templateUrl = "partials/refill.html";
        $location.path("/refill");
    }
    return $route.templateUrl;
});

}

但它不起作用......你能帮助我吗？

Answer 1

您无法将动态代码放入路由中。这是因为路由发生在Config阶段，该阶段在Angular开始运行应用程序之前执行。

我认为最简单或最干净的方法就是在路径定义中使用内联控制器。我设置了一个简单的插件来显示路线定义中的重定向：http://plnkr.co/edit/aeSjmn?p=preview

这里有一些可能适合您的示例代码：

angular.module('ow', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
    when('/:placeId', {templateUrl: 'partials/menu.html',   controller: MenuCtrl}).
    when('/menu/:itemId', {templateUrl: 'partials/menu-details.html', controller: MenuItemCtrl}).
    when('/look/refill', {templateUrl: 'partials/refill.html', controller: RefillCtrl}).
    when('/look/orderCart', {templateUrl: 'partials/orderCart.html', controller: OrderCartCtrl}).
    when('/lang/:lang', {templateUrl: 'partials/menu.html', controller: LangCtrl}).
    when('/waiter/:redirect', {template: '', controller: function ($scope, $routeParams, $location) {
      function WaiterCtrl($routeParams, $location, sharedData, $http, $route) {
        $http.get(config.urls.ajaxWaiter + "{\"p\":\"" + sharedData.getOrderCart().orderPlace + "\"}").success(function(dataDetails) {
            if ($routeParams.redirect == "menu") 
              $location.path("/");
            else
              $location.path("/" + $routeParams.redirect);
        })
    }}).
    otherwise({redirectTo: '/0'});
}];

角动态模板.Url

1 个答案: