角带预输入过滤器选项问题答案

【问题标题】：angular strap typeahead filter otions issue角带预输入过滤器选项问题
【发布时间】：2018-08-15 17:31:36
【问题描述】：

我正在尝试使用角带的预输入。

我有预先输入的数组：

`$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 (Gear) 如果value 与label 完全相同，则它适用于最后一项{value: 'camera', label: 'Camera'}

这里是有问题 demostartion http://plnkr.co/edit/blXEtsCG9RRBctkniHAW?p=preview 的木板

感谢您的帮助。

【问题讨论】：

标签： angularjs bootstrap-typeahead angular-strap

【解决方案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;

【讨论】：