6

最初に選択された値のないページに単純な角度剣道 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
    }
  }
});

これが問題を示すプランカーです。誰でも原因を特定できますか？

これは古いバージョンの angular-kendo では機能していましたが、現在のバージョンでは機能しません。

4

2 に答える 2

16

これは、この問題に多少関連しています: 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
    }
  }
});

(デモ)

于 2014-04-12T10:30:02.923 に答える