AngularJS ng-click：每次点击都添加相同的Div / Widget

Question

以下代码依次显示所有div：

<ul class="record">
   <li id="{{record.id}}" ng-repeat="record in records"> 
      <div> Widget Code.... </div>
   </li>
</ul>

除此之外，我还有一个下拉式方式的可点击列表菜单：

<li ng-repeat="choice in items">
    <a href="#">{{choice}}</a>
</li>

现在点击每个列表项我想添加相同的<div> Widget Code.... </div>，它会在页面上附加现有的div。

我现在的观点如下，我想在现有div之后点击每个列表项添加div。

需要帮助。谢谢。

Answer 1

这应该可以解决问题：

<li ng-repeat="choice in items">
    <a href="#" ng-click="addRecord()">{{choice}}</a>
</li>

然后在你的控制器中：

var addRecord = function(){
    $scope.records.push({id: 10}); // change to generate your own id
};