Нажмите, чтобы скопировать текст в другой div с angularjs

Question

У меня есть список предметов с другой кнопкой с ними. Plunker

Быстрый просмотр:

Я хочу что-то вроде, если я нажимаю на любом из кнопок, связанный текст будет скопировать на выше дела. Также, если я снова нажму кнопку, он будет удален из Div.Same для каждой из кнопок. [Я добавил вручную один, чтобы показать, как он может отображаться]

Я не уверен, как это сделать в Угловом. Любая помощь будет моей спасательной жизнью.

<div ng-repeat="item in csTagGrp"> 
    <ul> 
     <li ng-repeat="value in item.csTags"> 
     <div class="pull-left"> 
      <button type="button" ng-class='{active: value.active && !value.old}' class="btn btn-default btn-xs">{{value.keys}}</button> 
      <span>=</span> 
     </div> 
     <div class="pull-left cs-tag-item-list"> 
      <span>{{value.tags}}</span> 
     </div> 
     </li> 
    </ul> 
    </div> 

Answer 1

Проще всего было бы использовать $scope.tags объект для хранения выбранных тегов и добавлять/удалять их с помощью метода области видимости, подобный следующему:

$scope.tags = {}; 

$scope.toggleTag = function(tag) { 
    if (!$scope.tags[tag]) { 
     $scope.tags[tag] = true; 
    } 
    else { 
     delete $scope.tags[tag]; 
    } 
}; 

Демо:http://plnkr.co/edit/FrifyCrl0yP0T8l8XO4K?p=info

Answer 2

Вы можете использовать ng-click положить в рамках выбранного значения, а затем отобразить это значение вместо «Win».

http://plnkr.co/edit/IzwZFtRBfSiEcHGicc9l?p=preview

<div class="myboard"> 
    <span>{{selected.tags}}</span> 
</div> 
... 
<button type="button" ng-click="select(value)">{{value.keys}}</button>