附加到预先的建议列表

时间:2014-10-31 03:00:49

标签: angularjs angular-ui angular-bootstrap angular-ui-typeahead

我真的很挣扎,不知道怎么办,因为我还没有找到任何东西。以下是我使用的example的新手示例。 我想在结果的末尾添加一些内容,例如,如果我输入S,我想得到结果,最后一行应该说"在其他商店寻找S" :

Sauron
Bowser
Yoshi
Look for S in other shops

正如你在我的plunker中所看到的,无论我在模板中做什么,最终都会重复。

1 个答案:

答案 0 :(得分:1)

定义自定义过滤器:

.filter('finalAppend', function(){
  return function(array, value){ 
    array.push({
    name: 'Look for ' + value + ' in other shops',
    type: 'good'
  }); 
    return array;
  }
});

并像这样使用它:

<input type="text" ng-model="selected" 
 typeahead="datum.name for datum in (data|filter:$viewValue|limitTo:8)|finalAppend:$viewValue" 
 typeahead-template-url='tpl.html'>

Example