angularjs - 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
};