angularjs – Angular-Kendo ComboBox占位符文本不起作用

发布时间：2020-12-17 06:55:31 所属栏目：安全来源：网络整理

导读：我在页面上有一个简单的angular-kendo ComboBox,没有最初选择的值.它应该在这种情况下显示 placeholder 文本,但它显示了吗？ undefined：undefined？ HTML select kendo-combo-box ng-model="Project" k-options='projectOptions'/select JS app.controller(

我在页面上有一个简单的angular-kendo ComboBox,没有最初选择的值.它应该在这种情况下显示 placeholder文本,但它显示了吗？ undefined：undefined？

HTML

<select kendo-combo-box ng-model="Project" k-options='projectOptions'></select>

app.controller('MyCtrl',function($scope) {    
  $scope.projectData = [
    {name: 'Bob',value: 1},{name: 'Tom',value: 2}
  ];

  $scope.projectOptions = {
    placeholder: "'Select...'",dataTextField: 'name',dataValueField: 'value',dataSource: {
      data: $scope.projectData
    }
  }
});

这是一个显示问题的plunker.谁能发现原因？

这曾经在较旧版本的angular-kendo中工作,但它在当前版本中不起作用.

解决方法

这与此问题有些相关： https://github.com/angular/angular.js/issues/1019

解决方案很简单：使用< input>而不是< select>元件：

<input kendo-combo-box ng-model="Project" k-options='projectOptions'/>

app.controller('MyCtrl',function($scope) {
  $scope.projectData = [
    {name: 'Bob',dataSource: {
      data: $scope.projectData
    }
  }
});

(demo)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!