title: Howto bind a Angular ui-select result to ui-grid/ng-grid
body: <p>i want to bind a ui-select result into a ui-grid...</p>
  
  <pre><code>$scope.gridOptions = {
        enableSorting: true,
        showFooter: true,
        columnDefs: [
          { field: 'name', name: 'Name' },
        ],
        data: 'multipleDemo.selected',
        onRegisterApi: function( gridApi ) {
          $scope.gridApi = gridApi;
        }  
      };
  
  
  $scope.selectItem = function (item, model) {
    $scope.gridApi.core.notifyDataChange( $scope.gridApi.grid, uiGridConstants.dataChange.EDIT );
  };
  </code></pre>
  
  <p>My Jade Template is like this:</p>
  
  <pre><code>ui-select(theme='bootstrap', multiple='', ng-model='multipleDemo.selected', ng-disabled='disabled', close-on-select='false', on-select='selectItem()')
          ui-select-match(placeholder='select something...') {{$item.name}}
          ui-select-choices(repeat='f in data | filter: $select.search')
            div(ng-bind-html='f.name | highlight: $select.search')
  
  #grid.grid(ui-grid="gridOptions")
  </code></pre>
  
  <p><strong>EDIT</strong></p>
  
  <p>i solved the problem. (my ng-controller was only around the gird, and not around the select...)</p>