Tuyến đường angularjs có các giá trị tham số tùy chọn không?

Question

Tôi có thể thiết lập đường dẫn với params tùy chọn (cùng mẫu và điều khiển, nhưng một số params nên bỏ qua nếu họ không tồn tại?

Vì vậy, thay vì viết hai quy tắc sau đây, chỉ có một?

module.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/users/', {templateUrl: 'template.tpl.html', controller: myCtrl}).    
    when('/users/:userId', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

Something như thế này ([param này là không bắt buộc])

when('/users[/:userId]', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
//note: this previous doesn't work 

tôi không thể tìm thấy bất cứ điều gì trong tài liệu hướng dẫn của họ.

Answer 1

Có vẻ như Angular đã hỗ trợ cho việc này ngay bây giờ.

Từ (v1.2.0) tài liệu mới nhất cho $routeProvider.when(path, route):

path có thể chứa các nhóm tên là bắt buộc với một dấu hỏi (:name?)

Answer 2

Trên thực tế tôi nghĩ rằng OZ_ có thể được phần nào chính xác.

Nếu bạn có tuyến đường '/users/:userId' và điều hướng đến '/users/' (lưu ý dấu /), $routeParams trong bộ điều khiển của bạn phải là đối tượng có chứa userId: "" trong 1.1.5. Vì vậy, không có paramater userId không hoàn toàn bị bỏ qua, nhưng tôi nghĩ rằng đó là tốt nhất bạn sẽ nhận được.

Answer 3

Giống như @ g-eorge đề cập, bạn có thể làm cho nó như thế này :

module.config(['$routeProvider', function($routeProvider) { 
$routeProvider. 
    when('/users/:userId?', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

Bạn cũng có thể làm nhiều như bạn cần thông số tùy chọn.

Answer 4

Xin xem @jlareau trả lời ở đây: https://stackoverflow.com/questions/11534710/angularjs-how-to-use-routeparams-in-generating-the-templateurl

Bạn có thể sử dụng một chức năng để tạo ra các mẫu chuỗi:

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

app.config(
    function($routeProvider) { 
     $routeProvider. 
      when('/', {templateUrl:'/home'}). 
      when('/users/:user_id', 
       { 
        controller:UserView, 
        templateUrl: function(params){ return '/users/view/' + params.user_id; } 
       } 
      ). 
      otherwise({redirectTo:'/'}); 
    } 
); 

Answer 5

@JamesBell Bạn có thể sử dụng tùy chọn bí như đã được trả lời trong bài viết này: app state with optional param and no trailing slash

.state('path', { 
    url: '/path/:param1', 
    params: { 
     param1: { 
      value: null, 
      squash: true 
     } 
    }, 
    views: { 
     'map-tab': { 
      templateUrl: 'templates/map.html', 
      controller: 'testCtrl' 
     } 
    } 
})