title: Kendo UI and AngularJS Multiselect: Difference between ng-model and k-ng-model
body: <p>I have two Kendo multi-select widgets in my template. The first one is like so:</p>
  
  <pre><code>&lt;select kendo-multi-select="" 
          k-option-label="'Select Programs...'" 
          k-data-text-field="'name'" 
          k-data-value-field="'id'"  
          k-data-source="programs" 
          k-ng-model="selectedPrograms" 
          k-on-change="change(kendoEvent)"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The second one is like so:</p>
  
  <pre><code>&lt;div ng-repeat="program in userData.programs"&gt;
  
      &lt;select kendo-multi-select="" 
              k-option-label="'Select Services...'" 
              k-data-text-field="'name'" 
              k-data-value-field="'id'" 
              k-data-source="services" 
              ng-model="program.selectedServices" 
              k-on-change="change(kendoEvent)"&gt;
      &lt;/select&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Now here is my problem. Initially when I used the attribute to set <code>k-ng-model</code> in both multi-selects, the initial options that I had set in my controller would disappear on clicking the multi-select. This was the same problem as described <a href="https://stackoverflow.com/questions/22894306/kendo-ui-and-angularjs-multiselect-selections-disappear">here</a>. But as the solution there says, I removed the <code>k-ng-model</code> and replaced it with <code>ng-model</code>, and the second multi-select works perfectly. </p>
  
  <p>But when I remove the <code>k-ng-model</code> and replace it with <code>ng-model</code> in my first multi-select, there is no pre-populated data. If I keep the <code>k-ng-model</code> it shows the pre-populated values, but on clicking the multi-select, they disappear.</p>
  
  <p>What's happening here and how do I fix it?</p>