AngularJS нг-клик: Добавление же Div/виджет на каждый клик

Question

Следующая отображения кода все дивы один за другим:

<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.

Нужна помощь. Спасибо.

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