仅在角度选择上应用剑道下拉列表样式

Question

我有一个正在使用角度绑定填充的select。

现在，我想在这个选择上应用剑道下拉列表样式，但我不想使用剑道数据源等填充选项，并继续使用angular。

如果我使用$（'optbuckes'）。kendoDropDownList（）然后我应用了所需的样式，但绑定数据丢失。

任何帮助，以解决这是高度赞赏。

Answer 1

上面的代码列出了“bucket”作为数据源。考虑到这一点，为范围分配“bucket”的promise应该在范围中公开其promise。从那里，指令可以访问它（这里称为“bucketsPromise”）

控制器中的代码可能如下所示：

$scope.bucketsPromise = bucketsService.get().then(function(data) {
  $scope.buckets = data;
}).promise;

该指令将显示如下内容：

.directive('angularToKendoDropdown', function() {
  return {
    scope: {
      'bindToCtrl': '&dataSourcePromise'
    },
    link: function(scope, element, attr) {
        scope.bindToCtrl.then(function() {
          $(element).kendoDropDownList();
        })
    }
 };
});

给定的选择将显示为：

<select class='clsBucket angular-to-kendo-dropdown' id='optBuckets'
        ng-options='opt as opt.name for opt in buckets'
        ng-model='bucketSelected' ng-change='changeBucket()'
        data-source-promise='bucketsPromise'>
</select>