AngularJs-動態URL的路由

Question

我有以下狀態代碼：

.config(function ($stateProvider, $urlRouterProvider, CONSTANTS) {
    $urlRouterProvider.otherwise('/cyo');

    $stateProvider.state('pri', {
        url: '/pri',
        controller: 'priController',
        templateUrl: CONSTANTS.PRI_TEMPLATES.PRI_TEMPLATE_URL,
        redirectTo: 'pri.size'
    }).state('rec', {
        url: '/rec',
        controller: 'recController',
        controllerAs: 'recCtrl',
        templateUrl: CONSTANTS.REC_TEMPLATES.REC_TEMPLATE_URL
    })
 });

生成的URL是http://adc.com/REC/1440/#

1440是根據產品Cat而變化的ID。 模板未加載此網址。 但是，一旦我添加“/ REC /”模板加載當前URL之后- http://adc.com/REC/1440/#/rec/頁面加載正確

我無法理解如何解決此問題。

阿育

Answer 1

定義狀態時，應定義狀態參數。

嘗試這個：

.state('rec', {
    url: '/rec/:id',
    params: {id: 'defaultValue'},  // optional
    controller: 'recController',
    controllerAs: 'recCtrl',
    templateUrl: CONSTANTS.REC_TEMPLATES.REC_TEMPLATE_URL
})

和html代碼：

<a ui-sref='rec({id: 123})'>Go to rec</a>