$範圍數組不會得到更新

Question

內部控制器我有這樣的代碼：

$rootScope.$on('chat_contact', function(event, data) {   
      var message = data.message; 
      if(data.key === 'IM_MSG') { 
       console.log("chat_contact........."); 
       var contact = $scope.contacts[message.sndrId]; 
       if(contact) { 
        contact.lastMsg = message.text; 
        contact.sndrName = message.sndrName; 
       } else { 
        $scope.contacts[7] = { 
         'lastMsg': message.text, 
         'sndrName': message.sndrName 
        } 
       } 
      } 
     }); 

這裏是我的html代碼：

<li class="item item-avatar item-icon-left1 item-icon-right" ng-repeat="(id, contact) in contacts" ui-sref="app.chat-single" on-hold="moreOptions('{{id}}')"> 
     <img src="venkman.jpg"> 
     <h2>{{contact.sndrName}}</h2> 
     <p><span class='margin-l-10'>{{contact.lastMsg}}</span></p> 

問題是

$scope.contacts[7] = { 
    'lastMsg': message.text, 
    'sndrName': message.sndrName 
} 

是增加一個新的輸入到contacts，但它沒有得到呈現在html中

Answer 1

你可以嘗試添加$ apply（）嗎？

我面臨同樣的問題，它解決了我的問題。

$scope.$apply(function(){ 
    $scope.contacts[7] = { 
    'lastMsg': message.text, 
    'sndrName': message.sndrName 
    } 
}); 

我不確定它是否正確，但您可以試一試。

Answer 2

使用$ scope。$ apply（）;循環執行後

$rootScope.$on('chat_contact', function(event, data) {   
     var message = data.message; 
     if(data.key === 'IM_MSG') { 
      console.log("chat_contact........."); 
      var contact = $scope.contacts[message.sndrId]; 
      if(contact) { 
       contact.lastMsg = message.text; 
       contact.sndrName = message.sndrName; 
      } else { 
       $scope.contacts[7] = { 
        'lastMsg': message.text, 
        'sndrName': message.sndrName 
       } 
      $scope.$apply(); 
      } 
     } 
    });