捕获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 = {}
   };