angularjs - 仅在 Angular 选择上应用剑道下拉列表样式

Question

我有一个使用 Angular 绑定(bind)填充的选择。

现在我想在此选择上应用 Kendo 下拉列表样式，但我不想使用 kendo 数据源等填充选项并继续使用 angular. 如果我使用 $('#optBuckets').kendoDropDownList() 那么我会应用所需的样式，但绑定(bind)数据会丢失。 非常感谢任何帮助解决这个问题的帮助。 最佳答案 上面的代码列出了“buckets”作为数据源。考虑到这一点，将“桶”分配给范围的 promise 应该在范围内公开它的 promise 。从那里一个指令可以访问它(这里称为'bucketsPromise') Controller 中的代码可能如下所示: $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> 关于angularjs - 仅在 Angular 选择上应用剑道下拉列表样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26218602/ 上一篇：mercurial - 如何退出到旧版本并忽略之后的所有版本 下一篇：latex - 使用 pdflatex 时我不想要 .aux、.log 和 .synctex.gz 文件 相关文章： javascript - 将 Angular 服务与 NodeJS 模块相结合 javascript - Kendo 条件格式导致负零 javascript - 使用 ASP.NET MVC 中的 Kendo UI ComboBox 对数字数组进行过滤 c# - NullReferenceException 在 ASP.NET MVC 5 中使用 DropDownListFor javascript - 禁用按钮触发器直到动画完成(angularjs) javascript - Angular base64 视频插值失败($sce) javascript - AngularJS 和 TypeScript 绑定(bind)不起作用 javascript - Angular 滚动到使用 ng-repeat 创建的列表中的特定项目 asp.net - 值不能为空。参数名称 : items (DrodownList) ©2023 IT工具网  联系我们