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

Question

我在页面上有一个简单的angular-kendo ComboBox,没有最初选择的值.它应该placeholder在那种情况下显示文本,而是显示它? undefined:undefined ?

HTML

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

JS

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中工作,但它在当前版本中不起作用.

Answer 1

这与此问题有些相关: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', value: 1},
    {name: 'Tom', value: 2}
  ];

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

(演示)