如何在angularjs中附加div元素onclick

时间:2013-09-16 04:40:00

标签: angularjs angularjs-ng-repeat

当我点击“添加更多”按钮时,我想要一个自添加输入框。

我目前所拥有的是以下内容,我希望当我点击链接时,每次点击都会附加输入。

<div ng-repeat="item in items" slide-show="showInput">
  <input name="item.id">
</div>
<div>
  <a href ng-click="showInput=true">add more</a>
<div>

1 个答案:

答案 0 :(得分:3)

只需在items数组中添加一个新项目。

function SampleCtrl ($scope) {
   $scope.items = [obj1,obj2,obj3];
   $scope.showItem = false;
   $scope.addItem = function () {
       //it's up to you how you want to structure the new_object.
       var new_object;
       $scope.showInput = true;
       $scope.items.push(new_object);
   }
}

ng-click中调用addItem功能。