Angulaire + Kendo: la valeur par Défaut de l'espace réservé pour la liste déroulante

Je me demandais comment définir l'espace réservé pour la liste déroulante en kendo ui + angulaire.

Actuellement, j'ai:

Modèle

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

Contrôleur

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

Si je remplace la source de données par une interface d'appel, je ne peux pas 's'il vous Plaît Sélectionnez" il. Est-il une autre façon de résoudre ce problème?

J'ai essayé d'utiliser de données-option label="Veuillez Sélectionner" suivant les instructions contenues dans ce lien, mais pas de chance.

vous ne savez pas si c'est la même question, mais vous pouvez essayer avec une entrée au lieu de le sélectionner: stackoverflow.com/a/23029167/2001735
J'ai essayé aussi, mais ne permet pas de résoudre.
que l'on utilise kendo-combo-box, qui est d'une autre directive, mais merci tout de même...

OriginalL'auteur Alan Souza | 2014-09-02

  1. 8

    Bien, vous pouvez le définir comme un données attribut (plus d'informations ici)

    Modèle

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

    ou de définir la optionLabel option dans le $scope

    Contrôleur

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

    ...

    Merci, a très bien fonctionné!
    k-option-label="item1" est faux étant donné que l'option-label est une chaîne si vous avez besoin d'ajouter " autour d'elle k-option-label="'item1'"
    Merci pour la marque. J'ai mis à jour le post.
    hey vous savez comment le changement dynamique de la optionLabel? J'ai essayé $champ d'application.des options.optionLabel = 'nouvel affichage...'. L'INTERFACE utilisateur de ne pas être à jour
    Vous aurez besoin d'utiliser k-rebind*. Voici une démo qui montre ce dojo.telerik.com/ipuzo * - docs.telerik.com/kendo-ui/AngularJS/...

    OriginalL'auteur George K