AngularJS通過狀態參數到數據字段

Question

如何將site_id參數從數據傳遞給pageTitle？

.state('site', { 
    url: "/site/:site_id", 
    templateUrl: "views/site_detail.html",    
    data: {pageTitle: 'Site :' + $scope.$state.params.site_id}, 
    controller: "SiteDetailController" 
}) 

Answer 1

在這種情況下，你可以使用resolve：

.state('site', { 
    url: '/site/:site_id', 
    templateUrl: 'views/site_detail.html', 
    controller: 'SiteDetailController', 
    resolve: { 
     pageTitle: function($stateParams) { 
      return $stateParams.site_id; 
     } 
    } 
); 

然後，你的控制器看起來像：

app.controller('SiteDetailController', function($scope, pageTitle) { 
    console.log('pageTitle = ' + pageTitle); 
}); 

Resolve是有用的，如果你打算根據檢索或處理數據在完成狀態改變之前的參數上。如果你只在參數值感興趣，那麼你就可以在你的控制器使用$stateParams：

app.controller('SiteDetailController', function($scope, $stateParams) { 
    console.log('pageTitle = ' + $stateParams.site_id); 
}); 

更新：Here is a CodePen with an example using both $stateParams and resolve.