6

我在没有初始选择值的页面上有一个简单的 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 中工作，但在当前版本中不起作用。

4

2 回答 2

16

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

解决方案很简单：使用 an<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
    }
  }
});

（演示）

于 2014-04-12T10:30:02.923 回答
1

如果你使用<Select>而不是<input>你可以使用简单placeholder="'Project'"

例如：

<select kendo-combo-box="projectComboBox"
        k-data-source="projectDataSourceBox"
        k-data-text-field="'projectName'"
        k-data-value-field="'projectId'"
        k-ng-model="Dialog.ProjectId"
        k-value-primitive="true"                                        
        k-suggest="true"
        required="required"
        k-auto-bind="false"
        k-filter="'contains'"
        k-change="projectChangeBox"
        style="width: 100%"
        placeholder="'Project'">
        </select>
于 2017-05-24T12:57:15.863 回答