使用Angular JS將數據推入對象數組

Question

說我有以下幾點：

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

我將如何將數據從表單推入message數組？ 我有這樣一個表單設置：

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

和我的Angular一樣：

$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 messages數組中。

Answer 1

您可以使用

$scope.text= '';

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