Kendo UI/Angular: как назначить/получить обработчик в ng-repeat

У меня есть следующий гаджщик выбора цвета в пользовательском интерфейсе Kendo/Angular. Обратите внимание, что k-on-change работает отлично:Kendo UI/Angular: как назначить/получить обработчик в ng-repeat

<input kendo-color-picker="theColor" k-on-change="c=theColor.value()" />

Теперь, что мне нужно иметь несколько выбора цвета устройства в списке, например, так (обратите внимание, что это не работает):

<ul> 
    <li style="list-style-type:none" ng-repeat="color in colors"> 
     <input kendo-color-picker="theColor" k-on-change="color.c=theColor.value()" /> 
    </li> 
</ul>

Проблема в приведенном выше коде, я не могу назначить один и тот же обработчик theColor каждому из вхождений. Есть идеи, как это решить?

источник

2015-02-25 ps0604

KendoUI отмечает в своей документации, что ng-repeat не будет работать должным образом после инициализации. Вместо этого они рекомендуют использовать источник данных, и я создал рабочий пример here

Вы можете использовать DataSource или ObservableArray. Например:

app.js

var app = angular.module('app', ['kendo.directives']); 

app.controller("myCtrl", function($compile, $scope) { 

    $scope.tree = new kendo.data.ObservableArray([{ 
    text: "Foo", 
    items: [{ 
     text: "Foo 1" 
    }, { 
     text: "Foo 2" 
    }] 
    }, { 
    text: "Bar", 
    items: [{ 
     text: "Bar 1" 
    }, { 
     text: "Bar 2" 
    }] 
    }, ]); 
});

HTML

<body ng-app="app" ng-controller="myCtrl"> 
    <h1>AngularJS + kendo</h1> 

    <div kendo-grid k-data-source="tree" k-columns='[ 
         { "template":"<input kendo-color-picker=\"theColor\" k-on-change=\"color.c=theColor.value()\" />"} 
        ]'> 
    </div> 


</body>

источник

2015-02-25 20:10:06

Спасибо. какая документация говорит, что ng-repeat не будет работать должным образом после инициализации? – ps0604

Вы можете увидеть это здесь: http://docs.telerik.com/kendo-ui/AngularJS/notes-on-ng-repeat –

не сценарий другой? в вашей ссылке виджет содержит ng-repeat, тогда как в моем сценарии в каждом ng-повторении есть много виджетов – ps0604

Kendo UI/Angular: как назначить/получить обработчик в ng-repeat

ответ

Смежные вопросы