首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅在角度选择上应用kendo dropdownlist样式

仅在角度选择上应用kendo dropdownlist样式
EN

Stack Overflow用户
提问于 2014-10-06 22:36:37
回答 1查看 1.3K关注 0票数 3

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

现在我想在这个select上应用Kendo下拉列表样式,但我不想使用kendo datasource等填充选项,而继续使用angular填充选项。

如果我使用$('#optBuckets').kendoDropDownList(),那么我会应用请求的样式,但是绑定数据会丢失。

为了解决这个问题而提供的任何帮助都是非常感谢的。

EN

回答 1

Stack Overflow用户

发布于 2015-08-14 16:23:41

上面的代码列出了“bucket”作为数据源。考虑到这一点,将“桶”分配给作用域的promise应该在作用域上公开它的promise。从那里,一个指令可以访问它(这里称为'bucketsPromise')

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

代码语言:javascript
运行
复制
$scope.bucketsPromise = bucketsService.get().then(function(data) {
  $scope.buckets = data;
}).promise;

该指令将以如下形式出现:

代码语言:javascript
运行
复制
.directive('angularToKendoDropdown', function() {
  return {
    scope: {
      'bindToCtrl': '&dataSourcePromise'
    },
    link: function(scope, element, attr) {
        scope.bindToCtrl.then(function() {
          $(element).kendoDropDownList();
        })
    }
 };
});

给定的select将如下所示:

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26218602

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档