將數據推送到一個對象數組角JS

Question

說我有以下幾點：

.controller("chatCtrl", function($scope, $timeout, $rootScope) { 
    $scope.chats = [{ 
    id: 1, 
    username: "Aname", 
    avatar: "imgsrc", 
    messages: [ 
     "Hello", 
     "World" 
    ] 
    }]; 

我如何去從表單數據推入消息數組？我有一個表格設置爲這樣：

%form{"ng-submit" => "add()"} 
%input{:type => "text", :placeholder => "Enter a message", "ng-model" => "text"} 
%input{:type => "submit", :value => "Send"} 

和我的角像這樣：

$scope.text = ''; 
$scope.messages = []; 

$scope.add = function() { 
    if($scope.text) { 
    $scope.messages.push(this.text); 
    $scope.text = ''; 
    console.log($scope.messages); 
    } 
} 

當然現在這個工作，因爲它，我只是定義推到$ scope.messages陣列，但我需要將它提交給$ scope.chats消息數組。

Answer 1

可以使用

$scope.text= ''; 

$scope.add = function() { 
    $scope.chats[0].messages.push($scope.text); 
};