title: Click button to copy text to another div with angularjs
body: <p>I have a list of Items with different button with them. <strong><a href="http://plnkr.co/edit/nPvZBrNC6YAntpEGFgi0?p=preview" rel="nofollow noreferrer">Plunker</a></strong></p>
  
  <p>Quick View:</p>
  
  <p><img src="https://i.stack.imgur.com/LwVWo.png" alt="enter image description here"></p>
  
  <p>I want something like if I click on any of the buttons, related text will be copy to the div above. Also  if I click on the button again it will removed from the Div.Same for each of the buttons. [I added manually one to show how it may display ]</p>
  
  <p>I am not sure how to do that in Angular. Any help will be my life saver. </p>
  
  <pre><code>&lt;div ng-repeat="item in csTagGrp"&gt;
      &lt;ul&gt;
        &lt;li ng-repeat="value in item.csTags"&gt;
          &lt;div class="pull-left"&gt;
            &lt;button type="button" ng-class='{active: value.active &amp;&amp; !value.old}' class="btn btn-default btn-xs"&gt;{{value.keys}}&lt;/button&gt;
            &lt;span&gt;=&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="pull-left cs-tag-item-list"&gt;
            &lt;span&gt;{{value.tags}}&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>