title: Angularjs Kendo UI multiselect grouping not working
body: <p>I´m using Kendo multiselect with Angular-Kendo directives and with remote datasource. I´m trying to grouping result like: <a href="http://demos.telerik.com/kendo-ui/combobox/grouping" rel="nofollow">this Demo</a>, but grouping is not working?</p>
  
  <pre><code>    &lt;select kendo-multi-select k-options="selectCataloguesOptions" k-ng-model="selectedCataloguesIds"&gt;
  &lt;/select&gt;
  &lt;p ng-show="selectedCataloguesIds.length" style="padding-top: 1em;"&gt;Selected: {{ selectedCataloguesIds }}&lt;/p&gt;
  
  $scope.CataloguesDataSource = new kendo.data.DataSource({            
              transport: {
                  read: {
                      url: BaseURL + 'api/Catalogue/Get',
                      dataType: "json",
                      contentType: 'application/json; charset=utf-8'
                  },
              },
              group: { field: "RootCatalogueName" }        
          });
  
          $scope.selectCataloguesOptions = {
              placeholder: "Select Catalogues...",
              dataTextField: "ItemsCatalogueName",
              dataValueField: "ItemsCatalogueId",
              dataSource: $scope.CataloguesDataSource
          };
  </code></pre>