不刷新的路线变化（UI路由器）角分量

Question

我描述我的状态像

`.state('community.messaging', { 
     template: '<ui-view></ui-view>', 
     url: '/messaging', 
     abstract: true 
    })  
    .state('community.messaging.user', { 
     url: '/user/:userId', 
     component: 'messagingComponent', 
    })` 

，当我使用$ state.go（“community.messaging.user”） 它打开该组件，但在更改另一个状态或转到“community.messaging.user”状态后，它不会清除之前初始化的组件控制器中的先前值。 我的组件是这样

import messagingController from "./messaging.controller.js"; 
export const messagingComponent = 'messagingComponent'; 
export const messagingComponentOptions = { 
templateUrl: './src/app/components/messaging/messaging.html', 
controller: ['$scope', '$localStorage', '$rootScope', '$transitions', '$timeout', '$cookies', '$state', '$stateParams', 'communityApi', messagingController], 
controllerAs: 'ctrl'} 

和位指示就像

function messagingController($scope, $localStorage, $rootScope, $sanitize, $transitions, $cookies, $state, $stateParams, communityApi) { 
    const self = this; 
    self.currentSelectedChatUser = { 
     id: $stateParams.userId, 
     room: '' 
    }; 
    self.message = ''; 
    self.chatData = []; 
    socket.on('connect', function() { 
     socket.emit('initiate', $stateParams.userId) 
     socket.on('privateRoomCreated', function (data) { 
      if(`self.currentSelectedChatUser.room == ""`) { 
       self.currentSelectedChatUser.room = data.room; 
      } 
     }); 
    )} 
} 

第一次，当我去这种状态self.currentSelectedChatUser.room == ""但是当我从其他状态下，再次来到这表明self.currentSelectedChatUser.room == "someroomid"在if语句，但它应该是self.currentSelectedChatUser.room == ""; ，如果重载浏览器设置为self.currentSelectedChatUser.room == ""

Answer 1

这是因为您的控制器在每次更改状态时都不会重新初始化。您可以使用$ onInit hook初始化您的控制器，每次到达它时，请尝试：

function messagingController($scope, $localStorage, $rootScope, $sanitize, 
$transitions, $cookies, $state, $stateParams, communityApi) { 
    const self = this; 
    self.$onInit = function() { 
    self.currentSelectedChatUser = { 
      id: $stateParams.userId, 
      room: '' 
    }; 
    }; 
    self.message = ''; 
    self.chatData = []; 
    socket.on('connect', function() { 
    socket.emit('initiate', $stateParams.userId) 
    socket.on('privateRoomCreated', function (data) { 
     if(`self.currentSelectedChatUser.room == ""`) { 
      self.currentSelectedChatUser.room = data.room; 
     } 
    }); 
)} 
}