Angular js 简单应用

Question

我正在尝试基于 Angular js 构建一个简单的 Web 应用程序。

我有一个这样的 .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});
};