title: How to copy selction into a new ui-grid
body: <p>I am using Angular ui-grid (from ui-grid.info).
  I have one ui-grid showing JSON Data delivered by a webapi-controller what works perfectly.
  I added a second ui-grid with the same columsDef but no data.</p>
  
  <p>I want to copy the (multi-)selected rows from grid1 to grid 2 using a button.</p>
  
  <p>How would I access the selection to add it into the data of the second grid?</p>
  
  <p>app.js</p>
  
  <pre><code>    var app = angular.module('app', ['ui.grid', 'ui.grid.grouping','ui.grid.selection']);
  
  app.controller('MainCtrl', ['$scope', '$http', '$log', 'i18nService', '$interval', 'uiGridGroupingConstants', function ($scope, $http, $log,i18NService, $interval, uiGridGroupingConstants) {
      $scope.langs = i18NService.getAllLangs();
      $scope.lang = 'de';
      i18NService.setCurrentLang('de');
      $scope.gridOptions = {
          rowSelection:true,
          enableFiltering: true,
  
          enableRowSelection: true, 
         enableFullRowSelection :true,
          enableSelectAll: true,
          selectionRowHeaderWidth: 35,
          rowHeight: 75,
          showGridFooter:true,
          treeRowHeaderAlwaysVisible: true,
          columnDefs: [
  
          { name: 'Trigraph',field:'ZeigeTrigraphen',width:'10%'},
  
          { name: 'Titel', field: 'Titel', cellTemplate: '&lt;td style="word-wrap:break-word;padding:5px;"&gt;{{ COL_FIELD }}&lt;/td&gt;' },
  
   { name: 'Ziel', field: 'Ziel', cellTemplate: '&lt;td style="word-wrap:break-word;padding:5px;"&gt;{{ COL_FIELD }}&lt;/td&gt;' },
  
  
          ],
          onRegisterApi: function (gridApi) {
              $scope.gridApi = gridApi;
          }
      };
      i18NService.setCurrentLang('de');
  
      $http.get('/api/Alarmkalender/HoleAlle').then(function (resp) {
  
          $scope.gridOptions.data = resp.data;
          $log.info(resp);
      });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div class="container" ng-app="app"&gt;
  @*&lt;link rel="styleSheet" href="../../Scripts/ui-grid/ui-grid.min.css" /&gt;*@
  &lt;style&gt;
      .grid {
          width: auto;
          height: 350px;
      }
  &lt;/style&gt;
  
  &lt;h2&gt;Alarmmassnahmen&lt;/h2&gt;
  &lt;div ng-controller="MainCtrl"&gt;
  
      &lt;div id="grid1" ui-grid="gridOptions" ui-grid-grouping class="grid"&gt;&lt;/div&gt;
  
          &lt;button name="SpeichernButton" class="btn btn-success" id="btnSpeichern" type="submit" value="SpeichernButton"&gt;&lt;i class="glyphicon glyphicon-save"&gt;&lt;/i&gt; In Alarmkalender kopieren&lt;/button&gt;
  
      &lt;div id="grid2" ui-grid="gridOptions2" class="grid"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>