下拉列表中的 k-ng-model 在其他地方没有绑定

Question

我正在尝试做一些对 Angular 至关重要的事情。我希望绑定到同一作用域对象的两个控件相互更改。在我的例子中，"master" 是一个 kendo-下拉列表，而 "slave" 是一个小文本部分，当下拉列表更改时应该更改值。我错过了什么我无法让它工作？

我通过 angular 指令在我的页面上指定了一个 kendo-下拉列表。我定义了典型的 'Name' 和 'ID' 字段，它在 html.

中使用 ng-model 或 k-ng-model 显示下拉列表。

<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-model的理解是它指向原始对象，我应该可以使用点符号来指定一个字段。那是行不通的。我尝试了许多不同的变体，并阅读了此处的多个其他帖子。其中之一将显示 "ID" 字段，但 none 显示我想要的 "Name" 字段。

任何人都可以为我阐明这个问题吗？我正在尝试按原样使用 Angular，并希望避免使用 'on-change' 之类的事件。否则为什么要使用 Angular？

Answer 1

看来您的方向是正确的...
我真的无法从你的例子中看出什么是错误的。这是 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>

下拉列表中的 k-ng-model 在其他地方没有绑定

k-ng-model on dropdownlist not binding elsewhere

angularjs

kendo-ui

kendo-dropdown