k-ng-модель в раскрывающемся списке не привязана к другому месту

Я пытаюсь сделать что-то, что должно быть фундаментальным для Angular. Я хочу, чтобы два элемента управления, привязанные к одному и тому же объекту области, менялись друг с другом. В моем случае «мастер» — это раскрывающийся список кендо, а «ведомый» — небольшой текстовый раздел, значение которого должно меняться при изменении раскрывающегося списка. Что мне не хватает, что я не могу заставить это работать?

У меня есть раскрывающийся список кендо, указанный на моей странице с помощью директивы angular. Я определяю типичные поля «Имя» и «Идентификатор», и он отлично отображает раскрывающийся список, используя либо ng-модель, либо k-ng-модель в html.

<select kendo-drop-down-list
        k-data-text-field="'Name'"
        k-data-value-field="'ID'"
        k-auto-bind="false"
        k-data-source='itemtypesDataSource'
        id="ddxitemtypes" k-ng-model="itemtype" k-value-primitive="false"></select>

Я хочу, чтобы выбранный текст раскрывающегося списка отображался в другой области:

    <small>{{itemtype.Name}}</small>

Мое понимание k-ng-модели заключается в том, что она указывает на исходный объект, и я должен иметь возможность использовать точечную нотацию для указания поля. Это не работает. Я пробовал много разных вариантов и читал несколько других сообщений здесь. Один из них покажет поле «ID», но ни один из них не покажет поле «Имя», которое я хочу.

Может ли кто-нибудь пролить свет на этот вопрос для меня? Я пытаюсь использовать Angular так, как это должно быть, и хочу избежать использования таких событий, как «при изменении». Иначе зачем вообще использовать Angular?


angularjs kendo-ui kendo-dropdown
person Jeff Lehmer    schedule 15.07.2015    source источник
comment
Кажется, я понимаю, что могу неправильно использовать k-ng-model для DropDownList и что я не прав в отношении возможности указать поле для привязки. Я пошел дальше и настроил его для прослушивания события, и я устанавливаю другое значение области видимости. Я все еще надеюсь, что кто-то ответит с информацией, которая прояснит это для меня, поскольку я считаю, что должен быть более чистый способ углового кендо для достижения этого.   -  person Jeff Lehmer    schedule 16.07.2015

Ответы (1)


arrow_upward
2
arrow_downward

Похоже, вы были на правильном пути...
Я не могу понять, что не так в вашем примере. Вот рабочий пример в plunker.
http://plnkr.co/edit/jVPXWzkeHP9snbas8Kdq?p=preview
Мой источник данных выглядит так...

$scope.itemtypesDataSource = {data: [
    { ID: 1, Name: 'Basketball' },
    { ID: 2, Name: 'Football' },
    { ID: 3, Name: 'Tennis' }]};

С HTML...

<select kendo-drop-down-list
    k-data-text-field="'Name'"
    k-data-value-field="'ID'"
    k-auto-bind="false"
    k-data-source='itemtypesDataSource'
    id="ddxitemtypes" k-ng-model="itemtype" k-value-primitive="false"></select>
    <small>{{itemtype.ID}} </small>
    <small>{{itemtype.Name}}</small>
person Brandon Short    schedule 14.10.2015
comment
Брэндон, спасибо, что проверил меня на вменяемость. Видимо я сошел с ума! ;o) Я вижу, как работает ваш plunkr, и мне очень приятно это видеть. Однако моя проблема все еще не становится очевидной. Я буду играть с вашим и моим, чтобы увидеть, что получится. Я репостну сюда, если разберусь. А пока я отмечу это как ответ, поскольку он действительно работает. Спасибо! - person Jeff Lehmer; 17.10.2015