捕獲TypeError：無法讀取未定義的屬性“ push”

Question

頁面加載時出現錯誤。 我正在嘗試將新對象追加到條目數組。 這怎么了

raffle.js

angular.module('myApp', []).controller("RaffleCtrl", function ($scope) {
  $scope.entries = [
      {
        name: "Larry"
      }, {
        name: "Curly"
      }, {
        name: "Moe"
      }
    ]

  $scope.addEntry = function () {
    $scope.entries.push($scope.newEntry)
    $scope.newEntry = {}
  };

});

index.html

<h1>Raffler</h1>

<div ng-controller="RaffleCtrl">

  <form ng-sumbit="addEntry">
    <input type="text" ng-model="newEntry.name">
    <input type="submit" value="Add">
  </form>

  <ul>
    <li ng-repeat="entry in entries">{{entry.name}}</li>
  </ul>
</div>

Answer 1

您忘記在外部定義$ scope.newEntry = {}，並且用ng-sumbit =“ submit（）”形式的括號將代碼修改為。

$ scope.entries = [{名稱：“ Larry”}，{名稱：“ Curly”}，{名稱：“ Moe”}]];

  $scope.newEntry = {}  
   $scope.submit = function() {
     $scope.entries.push($scope.newEntry)
     $scope.newEntry = {}
   };