Question

我正在尝试使用角带的打字机。

我有typeahead的数组：

`$scope.icons = [
    {value: 'idGear', label: 'Gear'},
    {value: 'idGlobe', label: 'Globe'},
    {value: 'oidHeart', label: 'Heart'},
    {value: 'camera', label: 'Camera'}
  ];`

并希望在label上过滤数组，所以我添加了：

bs-options="icon.value as icon.label for icon in icons|filter:{label:$viewValue}"

但是当我在输入中选择第一项时，我看到value（idGear）但不是label（齿轮）如果{value: 'camera', label: 'Camera'}与value完全相同，那么它适用于最后一项label

这里是有问题示范http://plnkr.co/edit/blXEtsCG9RRBctkniHAW?p=preview

的计划员

感谢您的帮助。

Answer 1

为什么不将完整的对象传递给它，您可以从那里进行相应的操作：

<input type="text" 
class="form-control"
ng-model="selectedIcon" 
data-min-length="0" 
data-html="1"
bs-options="icon as icon.label for icon in icons|filter:{label:$viewValue}" 
placeholder="Enter icon" bs-typeahead>

即如果您想使用该值

var myval = selectedIcon.value;
var mylab = selectedIcon.Label;

角带式带式过滤器问题

1 个答案: