2014-02-16 85 views
0

我有一个simpe控制器的视图,我试图通过ng-click添加一个项目到集合,但我刚开始玩角度,我不明白为什么以下视图添加项目不能正常工作,但是我存了一些测试项目,他们显示就好了,我会感激你的帮助项目不添加到集合

<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> 

回答

3

您需要的addNew函数添加到的范围对象。如果你改变了:

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

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

,你会看到,它应该只是罚款。

+0

我的错,我应该先学习更多的JavaScript!非常感谢 – user1590636

+0

在侧面说明我也可以使用clousers来揭露它的权利? – user1590636

+0

我不确定如果没有示例,我明白你的意思。 –

相关问题