Javascript對象在視圖中沒有使用Angular js更新

Question

過去幾天我一直在使用angularjs進行操作，並且現在我已經開始使用javascript對象來打磚塊了。

我想在視圖中表示對象的屬性，然後在頁面加載更改該對象並使視圖發生更改後。即

的Html

<div ng-controller = "MainCtrl"> 
    {{object.attribute}} //Expect A, and then B. Just get A 
</div> 

的Javascript

app.controller('MainCtrl', ['$scope', function($scope) {  
    $scope.message_object = new object("A"); 

    $scope.replace_message = function(){ //Happens sometime after page load 
    alert("Replacing..."); 
    $scope.object = new object("B"); 
    } 

}]); 

function object(attribute){ 
    this.attribute = attribute; 
} 

不知道如果我失去了一些東西，或者只是有框架結構的根本誤解。無論哪種方式，一些幫助，將不勝感激:)我當前的代碼是：

http://plnkr.co/edit/3fF0zSyZaIvVsYk8dvWf?p=preview

它的設計更新對象時，按下一個鍵

Answer 1

您正在改變angularjs範圍之外的範圍變量。由於您正在對jquery事件進行更改，因此您需要調用scope。$ apply在更改指令中的scope變量時適用。見我的更新plunker

http://plnkr.co/edit/h7NLFRdp4M7TcNIn1HeY?p=preview

這是相關代碼：

jQuery(document).on('keydown', function(e){ 

     scope.$apply(function(){ 
      scope.new_object(); 
     }); 

    });