我有一个正在使用角度绑定填充的select。
现在我想在这个select上应用Kendo下拉列表样式,但我不想使用kendo datasource等填充选项,而继续使用angular填充选项。
如果我使用$('#optBuckets').kendoDropDownList(),那么我会应用请求的样式,但是绑定数据会丢失。
为了解决这个问题而提供的任何帮助都是非常感谢的。
发布于 2015-08-14 16:23:41
上面的代码列出了“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将如下所示:
<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>
https://stackoverflow.com/questions/26218602
复制相似问题