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