javascript - 如何在 angularjs 中使用 select2 来获取字符串值而不是对象

Question

我的数据为:

selected  : { id : <string,a task id>, description = <string> };

tasks = [ {  id : 'a', value : 'Apple' }, { id : 'b', value : 'Ball' }, 
// more items;
];

现在我想使用select2，例如绑定(bind)到select2的变量应该只包含id，而不是整个对象

所以如果我选择 Ball，selected 应该是 { id : 'b', description : 'some_desc' }

<ui-select ng-model="selected.id">
            <ui-select-match placeholder="select name ">{{ $select.selected.value }}</ui-select-match>
            <ui-select-choices repeat="type in tasks | filter: $select.search">{{type.value}}</ui-select-choices>
          </ui-select>

如何实现仅将字符串作为选定值而不是整个对象。

编辑:这是示例 plunker http://plnkr.co/edit/onmP7FKIa7MpXsRnH025?p=preview

其中selected.sel是一个对象而不是字符串。我希望 selected.sel 应该始终是一个字符串，即 conntry 的代码

Answer 1

只需在重复中使用:

country.code as country in countries

应该可以解决问题。

来自您的example

<ui-select ng-model="selected.sel">
    <ui-select-match placeholder="Select or search a country...">
      {{$select.selected.name}}
    </ui-select-match>
    <ui-select-choices repeat="country.code as country in countries | filter: $select.search">
       <span ng-bind-html="country.name | highlight: $select.search"></span>
       <small ng-bind-html="country.code | highlight: $select.search"></small>
    </ui-select-choices>
 </ui-select>

如果没有，您应该切换到新的 ui-select指令，因为 select2 将停止使用。