Cette page s'intéresse à l'utilisation de Kendo UI avec AngularJS.

La première méthode démontre l'utilisation d'attributs Kendo pour le <select>.

Dans le fichier HTML:

<select name="" id="" kendo-drop-down-list
    k-option-label="'Select a computer...'"
    k-data-text-field="'name'"
    k-data-value-field="'id'"
    k-data-source="vm.computers">
</select>

Dans le fichier JS:

vm.computers = [
    { id: 1, name: "MacBook Pro" },
    { id: 2, name: "MacBook Air" },
    { id: 3, name: "Mac Pro" }
];

La deuxième méthode démontre l'utilisation d'options pour le <select>.

Dans le fichier HTML:

<select name="" id="" kendo-drop-down-list
    k-options="vm.computerOptions">
</select>

Dans le fichier JS:

vm.computerOptions = {
    dataSource: {
        data: [
            { id: 1, name: "MacBook Pro" },
            { id: 2, name: "MacBook Air" },
            { id: 3, name: "Mac Pro" }
        ]
    },
    dataTextField: 'name',
    dataValueField: 'id',
    optionLabel: 'Select a computer...'
};

angular.element("[kendo-grid]").data("kendoGrid")._data.filter(function(item) {return item.nom === "afsdf"; })

• Kendo UI and AngularJS from Scratch