Angular JS простое приложение

Question

Я пытаюсь создать простое веб-приложение на основе Angular JS.

У меня есть файл.json, подобный этому, поэтому я не вставлял никакой информации в модель вручную.

[
    {
        "name": "Monuments Men",
        "year": 2014
    },
    {
        "name": "The Bourne Supremacy",
        "year": 2004        
    },
    {
        "name": "Toy Story",
        "year": 1995
    },
    {
        "name": "The Hobbit: The Desolation of Smaug",
        "year": 2013
    }
]

Мой контроллер получает данные и сохраняет в $scope.movies

На той же странице у меня есть форма для вставки нового фильма.

Я пытаюсь получить эту новую информацию, добавить / протолкнуть ее в область, но не работает.

Как я могу обновить свой список?

Answer 1

HTML:

Name: <input type="text" ng-model="movieName" /><br/>
Year: <input type="text" ng-model="movieYear" /><br/>
<input type="button" value="Add" ng-click="addMovie()" />

контроллер:

$scope.addMovie = function () {
    $scope.movies.push({name:$scope.movieName, year:$scope.movieYear});
};