我正在尝试做一些应该是Angular基础的东西。我希望绑定到同一范围对象的两个控件彼此更改。在我的情况下,“master”是一个kendo-down-down-list,而“slave”是一个小文本部分,当下拉列表发生变化时应该改变值。我错过了什么,我无法让它工作?
我有一个通过angular指令在我的页面上指定的kendo-drop-down-list。我定义了典型的“名称”和“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模型的理解是它指向原始对象,我应该能够使用点符号来指定字段。那不行。我尝试过很多不同的版本,并在这里阅读多个其他帖子。其中一个将显示“ID”字段,但没有显示我想要的“名称”字段。
任何人都可以为我解决这个问题吗?我正在尝试使用Angular,并希望避免使用像'on-change'这样的事件。否则为什么要使用Angular?
答案 0 :(得分:2)
看起来你走在正确的轨道上......
我无法确定你的例子有什么问题。以下是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>