title: How to set the kendo grid page size with angular-kendo
body: <p>I have am trying to create a grid widget with angular-kendo which allows the user to select the page size, but also has a default page size.</p>
  
  <p>From the documentation at <a href="http://docs.kendoui.com/api/web/grid#configuration-pageable.pageSizes" rel="nofollow">http://docs.kendoui.com/api/web/grid#configuration-pageable.pageSizes</a>, I need to use the pageable option with a pageSize and a pageSizes set.</p>
  
  <p>My understanding is that in angular-kendo, I can use the kendo options as angular directives by prefixing the option name with a "k-" and converting from camel case. I created the following code which correctly sets the page size options but does not set the default page size to 10 as expected.</p>
  
  <pre><code>&lt;div kendo-grid k-data-source="routes" k-pageable="{ 'pageSize': 10, 'refresh': false, 'pageSizes': [5,10,20,50] }"
      k-columns="[{ 'field': 'code', 'title': 'Code'},
                  { 'field': 'name', 'title': 'Name'},
                  { 'field': 'type', 'title': 'Type'},
                  { 'field': 'active', 'title': 'Active'}]"
      k-sortable="true", k-groupable="true", k-filterable="true"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Does angular-kendo support all of the pageable options? If so, what am I doing wrong?</p>