Javascript 项目不会添加到集合中_Javascript_Angularjs

Javascript 项目不会添加到集合中

javascript angularjs

Javascript 项目不会添加到集合中,javascript,angularjs,Javascript,Angularjs,我有一个带有视图的simpe控制器，我正试图通过ng click向集合中添加一个项目，但我刚刚开始使用angular，我不明白为什么下面的视图添加项目不起作用，但是我硬编码了一些测试项目，它们显示得很好，我将感谢您的帮助 <html data-ng-app> <body> <div data-ng-controller="ItemsController"> name : <input type="text" data

我有一个带有视图的simpe控制器，我正试图通过ng click向集合中添加一个项目，但我刚刚开始使用angular，我不明白为什么下面的视图添加项目不起作用，但是我硬编码了一些测试项目，它们显示得很好，我将感谢您的帮助

<html data-ng-app>
  <body>
    <div data-ng-controller="ItemsController">
      name :        <input type="text" data-ng-model="newItem.name"/> 
      description : <input type="text" data-ng-model="newItem.description"/> 
      maintainer  : <input type="text" data-ng-model="newItem.maintainer"/> 
      <button data-ng-click="addNew(newItem)">Add</button>
      <ul>
        <li data-ng-repeat="item in items">{{item.name}}  {{item.description}}   {{item.maintainer}}</li>
      </ul>
    </div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
    <script type="text/javascript">
      function ItemsController ($scope) {
         $scope.items = 
        [{name:'x',description:"sss",maintainer:'me'},
        {name:'y',description:"aaa",maintainer:'me'}];

              var addNew = function(newItem)
              {
                  $scope.items.push(newItem);
              };
          }
        </script>
      </body>
    </html>


姓名：
说明：
维护者：
添加

{{item.name}{{{item.description}{{item.maintainer}}

函数项控制器（$scope）{
$scope.items=
[{name:'x'，description:'sss'，mainter:'me'}，
{名称：'y'，描述：'aaa'，维护者：'me'}]；
var addNew=函数（newItem）
{
$scope.items.push（newItem）；
};
}

您需要将

addNew

函数添加到scope对象中。如果您更改了以下选项：

var addNew = function(newItem)
{
    $scope.items.push(newItem);
};

进入

您将看到它应该可以正常工作。

您需要将

addNew

函数添加到scope对象中。如果您更改了以下选项：

var addNew = function(newItem)
{
    $scope.items.push(newItem);
};

进入

您将看到它应该可以正常工作。

您需要将

addNew

函数添加到scope对象中。如果您更改了以下选项：

var addNew = function(newItem)
{
    $scope.items.push(newItem);
};

进入

您将看到它应该可以正常工作。

您需要将

addNew

函数添加到scope对象中。如果您更改了以下选项：

var addNew = function(newItem)
{
    $scope.items.push(newItem);
};

进入

你会发现它应该工作得很好。

我的错，我应该先学习更多的javascript！谢谢你在旁注中提到的一点，我也可以使用clousers来公开它，对吗？如果没有一个例子，我不确定我是否理解你的意思。我的错，我应该先学习更多的javascript！谢谢你在旁注中提到的一点，我也可以使用clousers来公开它，对吗？如果没有一个例子，我不确定我是否理解你的意思。我的错，我应该先学习更多的javascript！谢谢你在旁注中提到的一点，我也可以使用clousers来公开它，对吗？如果没有一个例子，我不确定我是否理解你的意思。我的错，我应该先学习更多的javascript！谢谢你的一点补充说明，我也可以使用clousers来公开它，对吗？如果没有一个例子，我不确定我是否理解你的意思。