Question

我是AngularJs的新手。我需要在按钮点击时创建一组div块（以代码形式给出）。

<div>
     <div>Div A</div>
     <div>Div B</div>
     <div>Div C</div>
</div>

我使用硬编码div Demo完成了这项工作。但我只需要使用ng-repeat和directives。任何帮助将不胜感激。

Answer 1

使用ng-click是将click事件绑定到按钮的方法。您不应该尝试使用指令处理按钮单击。您拥有的演示非常接近您的需求。有一个有效的Plunk HERE，但它的一般内容如下：

<button ng-click="myFunction()">Add</button>
<div ng-repeat="item in myList">
    <div>{{item.A}}</div>
    <div>{{item.B}}</div>
    <div>{{item.C}}</div>
</div>

$scope.myList = [];
$scope.myFunction = function(){
    var myItem = {A:someValue, B:someOther, C:someThing};
    $scope.myList.push(myItem);
};

持有项目的div也可以使用指令以某种方式更改它们，但这是相当多的代码。有很多SO答案和Angular文档向您展示如何编写指令，所以我在此不再重复。

如何使用AngularJs创建div块集

1 个答案: