Angular Js-無法讀取未定義的屬性“ push”-錯誤

Question

我制作了一個簡單的應用程序，可以在表中添加名稱和描述。 但是我得到的錯誤-無法讀取未定義的屬性“推”。

有人可以幫我嗎？

這是我的代碼。

HTML

<div id="main">
    <!-- angular templating -->
    <!-- this is where content will be injected -->
    <div ng-view>          
    </div>
</div>

JS

var scotchApp = angular.module('scotchApp', ['ngRoute','dx']);

scotchApp.config(function ($routeProvider, $locationProvider) {

$locationProvider.html5Mode({ enabled: true, requireBase: false });

$routeProvider

    // route for the home page
    .when('/', {
        templateUrl: '/pages/home.html',
        controller: 'mainController'
    })

    .when('/new', {
        templateUrl: '/pages/edit.html',
        controller: 'newController'
    });
})

scotchApp.controller('newController', function ($scope, $location) {

$scope.person = { name: "", description: "" };

$scope.save = function () {
    $scope.crew.push($scope.person);
    $location.path("/")
}

});

scotchApp.controller('mainController', function ($scope) {
$scope.crew = [
    { name: "Hugo", description: "Programador" },
    { name: "Vitor Lopes", description: "Técnico de Informática" },
    { name: "Pedro Sousa", description: "Webdesigner" },
]   
});

HTML-new.html（我有桌子的頁面）

 <table class="table table-striped" style="width: 350px;">
        <thead>
            <tr>
                <td><strong>Nome</strong></td>
                <td><strong>Descrição</strong></td>
                <td><a href="/new"><i class="glyphicon glyphicon-plus"></i></a></td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="person in crew">
                <td>{{person.name}}</td>
                <td>{{person.description}}</td>
                <td><i class="glyphicon glyphicon-edit"></i></td>
            </tr>
        </tbody>
    </table>

HTML-new.html（我將在其中添加新聯系人的頁面）

<form>
<input ng-model="person.name" placeholder="Enter Name"/><br />
<input ng-model="person.description" placeholder="Enter Description" /><br />
<button ng-click="save()" class="btn-primary">Save</button>

謝謝 ！！

Answer 1

在推送類似內容之前定義數組：

$scope.crew = []