UI路由器stateParams不在子路由更新

Question

我有一個參數工作的路由，但後來添加了一些子路由，現在它不會更新。

事件模板

<a ui-sref="event.detail({id: event.id})" ng-repeat="event in events"> 
    Event {{event.id}} 
</a> 

UI路由器

.state('event', { 
    url: '/event', 
    views: { 
     'event': { 
      template: ..., // shown above 
      controller: 'Event' 
     } 
    } 
}) 
.state('event.detail', { 
    url: '/:id', 
    views: { 
     'event-detail': { 
      template: ..., 
      controller: 'EventDetail' // shows a single event 
     } 
    } 
}) 
// tabs to switch between the different details 
.state('event.detail.info', { 
    url: '/info', 
    views: { 
     'event-info': { 
      template: ... 
     } 
    } 
}) 
.state('event.detail.map', { 
    url: '/map', 
    views: { 
     'event-map': { 
      template: ... 
     } 
    } 
}) 
.state('event.detail.chat', { 
    url: '/chat', 
    views: { 
     'event-chat': { 
      template: ... 
     } 
    } 
}) 

控制器

function EventDetail($scope, $stateParams) { 
    $scope.getEventDetails = getEventDetails; 

    $scope.getEventDetails($stateParams.id); 

    function getEventDetails(id) { 
     console.log(id); // returns correct first time, then nothing. Used to work every time! 
     ... 
    } 
} 

通過運行什麼錯的：

• 點擊Event 1
• 網址更改爲event/1，並得到正確的事件細節
• 回到列表，點擊Event 2
• 網址更改爲event/2但顯示事件細節1
• 點擊信息，地圖或聊天標籤，網址變更從event/2到event/1/info，event/1/map和event/1/chat

Answer 1

解決方案是用戶cache: false的event.detail狀態及其子狀態。