2014-09-02 27 views
5

Kendo ui + açısal listesinde aşağıya açılan liste için yer tutucu nasıl ayarlanacağını merak ediyordum. ŞuAngular + Kendo: Aşağı açılan liste için varsayılan yer tutucu

Ben:

Şablon

<select kendo-drop-down-list ng-model="selectedElement" k-options="options" > 
</select> 

Kontrolör

... 
$scope.options = { 
     dataTextField: 'label', 
     dataValueField: 'id', 
     dataSource: { 
      data: [ 
       { 
        "label": "Please Select..." 
       }, 
       { 
        "id": "linear", 
        "label": "Sample Linear" 
       }, 
       { 
        "id": "bar", 
        "label": "Sample Bar" 
       } 
      ] 
     } 
    }; 
... 

ben bir arka uç çağrısıyla veri kaynağı yerine, orada 'Seç Lütfen' olamaz . Bu problemi çözmenin başka bir yolu var mı?

data-option-label = "Lütfen Seçiniz" numaralı yönergeleri ve link numaralı yönergeleri kullanmayı denedim, ancak şans yok.

+0

aynı konu ancak bunun yerine seçme bir girişi olan deneyebilirsiniz emin değil: http://stackoverflow.com/a/23029167/2001735 –

+0

Ayrıca o çalıştı, ancak çözmedi. –

+0

biri farklı bir direktif olan kendo-combo-box kullanıyor, ama yine de teşekkürler ... –

cevap

8

Eh, bir veri öznitelik (more information here)

Şablon

<select kendo-drop-down-list k-option-label="'item1'" ng-model="selectedElement" k-options="options" > 
</select> 

olarak tanımlamak veya $ kapsamı

Kontrolör yılında optionLabel seçeneği ayarlamak ya

... 
$scope.options = { 
    optionLabel: "Item...", 
    dataTextField: 'label', 
    dataValueField: 'id', 
    dataSource: { 
     data: [ 
      { 
       "label": "Please Select..." 
      }, 
      { 
       "id": "linear", 
       "label": "Sample Linear" 
      }, 
      { 
       "id": "bar", 
       "label": "Sample Bar" 
      } 
     ] 
    } 
}; 

...

+0

Teşekkürler, harika çalıştı! –

+1

'k-option-label =" item1 "' seçeneği-etiketi bir dize olduğundan, 'k-option-label =' 'item1' '' – Robert

+0

işaretine eklemeniz gerekiyor. Gönderiyi güncelledim. –