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});
};

Angular js简单app

1 个答案: