2014-09-02 13 views
5

Mi chiedevo come impostare il segnaposto per l'elenco a discesa in kendo ui + angolare.Angolare + Kendo: segnaposto predefinito per elenco a discesa

Attualmente ho:

Template

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

controller

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

Se sostituisco l'origine dati da una chiamata backend, non posso avere 'Selezionare' lì . C'è un altro modo per risolvere questo problema?

Ho provato a utilizzare data-option-label = "Selezionare" seguendo le istruzioni in questo link, ma senza fortuna.

+0

non sicuro se è lo stesso problema, ma si potrebbe provare con un ingresso al posto del select: http://stackoverflow.com/a/23029167/2001735 –

+0

ho provato anche quello, ma non ha risolto. –

+0

che si sta usando kendo-combo-box, che è una direttiva diversa, ma grazie comunque ... –

risposta

8

Beh, è ​​possibile definirla come un dati attributo (more information here)

Template

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

o impostare l'opzione optionLabel nel $ portata

controller

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

...

+0

Grazie, ha funzionato alla grande! –

+1

'k-option-label =" item1 "' è sbagliato poiché option-label è una stringa, quindi devi aggiungere 'intorno ad esso come 'k-option-label ="' item1 '"' – Robert

+0

Grazie per il marchio. Ho aggiornato il post. –

Problemi correlati