title: Angularjs + kendoui dropdownlist
body: <p>I have this directive</p>
  
  <pre><code>angular.module('xxx', [
  ])
      .directive('qnDropdown', [
          '$parse',
          function($parse) {
              return {
                  restrict: 'A',
                  require: 'ngModel',
                  link: function(scope, elem, attr, ngModel) {
                      scope.$watch(attr.qnDropdown, function(source) {
                          var model = $parse(attr.ngModel);
  
                          elem.kendoDropDownList({
                              dataTextField: "Name",
                              dataValueField: "ID",
                              value: attr.value,
                              select: function(e) {
                                  var item = this.dataItem(e.item.index());
                                  scope.$apply(function() {
                                      model.assign(scope, item.value);
                                  });
                              },
                              //template: '&lt;strong&gt;${ data.Name }&lt;/strong&gt;&lt;p&gt;${ data.ID }&lt;/p&gt;',
                              dataSource: source
                          });
  
                      });
                  }
              };
          }]);
  </code></pre>
  
  <p>Input field is </p>
  
  <pre><code>&lt;input qn:dropdown="locations" ng:model="installation.LocationID" value="{{installation.LocationID}}" /&gt;
  </code></pre>
  
  <p>EVerything works fine but initial value for kendoDropDownList is not filled (value: attr.value).
  I suppose I am doing something at wrong place or time but not sure what?</p>