Getting Uncaught TypeError: Cannot read property 'push' of undefined

Question

I'm getting the error when the page is loaded. I'm trying to append a new object to an array of entries. What's wrong with this?

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

You forgot to define $scope.newEntry = {} outside And parenthesis in form ng-sumbit="submit()" Modify your code to..

$scope.entries = [ { name: "Larry" }, { name: "Curly" }, { name: "Moe" } ];

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