Question

我是angularjs的新手，我有一个问题，我们如何追加现有div并使用ng-click增加其id。请查看以下代码，例如

<div id="item1"> <p>This is Item1</p> <button>Click to Append</buton> </div>

当我点击按钮时，另一个div应该带有id item2，段落应该说这是Item2。

请帮我解决这个问题，谢谢。

Answer 1

在控制器内部，输入值列表

$scope.listOfDivs = [{id : 1, text: "Item1"}];

现在在您的脚本中，将其放入：

<div ng-repeat="div in listOfDivs" id="{{"item" + div.id}}">
    <p>This is {{div.text}}</p>
    <button ng-click="listOfDivs.push({id: listOfDivs.length + 2, text: "Item" + (listOfDivs.length + 2)})">Click to Add new div</button>
</div>

在angularjs中追加一个现有的div并递增其id

1 个答案: