JavaScript-扩展angular-ui-bootstrap预输入模块

我正在使用angular-ui-boostrap的预输入组件让人们选择一个人的名字,或者如果不存在他们的选择,则添加一个新名字.

现在,我用自己的代码修改了getMatchesAsync：

      if(scope.matches.length < 4 || scope.matches.length == undefined){
        scope.matches.push({
          id: getMatchId(matches.length),
          label: 'Add New +',
          model: 'new'
        });
      }

但是我意识到这不是一个好的长期解决方案,尤其是在更新组件时.

我应该在哪里放置代码,以及如何将其集成到组件中？
提前输入模块：https://github.com/angular-ui/bootstrap/blob/master/src/typeahead/typeahead.js

解决方法:

这是我在评论中建议的示例…

someModule.filter('filterWithNew', function($filter) {
    return function(array, expression, comparator) {
        var matches = $filter('filter')(array, expression, comparator);

        if (matches.length < 4) {
            matches.push({
                label: 'Add new +',
                model: 'new'
            });
        }
        return matches;
    };
});

那你应该可以使用

... typeahead="name.label for name in names | filterWithNew:$viewValue"

标签：angularjs,angular-ui-bootstrap,angular-ui-typeahead,javascript
来源： https://codeday.me/bug/20191028/1950768.html