清除字段时,Angular UI bootstrap typeahead ng-model表示null

时间:2016-09-23 16:31:02

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

过滤器运行良好,但不幸的是{{filterlist.name}}一旦删除了键入的文本就会显示null,而且由于null

,表格看起来都是空的

演示:https://plnkr.co/edit/1QVdctw1hr4ggJOtFHUZ?p=preview

<input type="text" class="form-control" placeholder="Name" 
  ng-model="filterlist.name" 
  typeahead-editable="false" 
  uib-typeahead="person.name as person.name for person in expenses | filter:{name:$viewValue} | limitTo:8">

1 个答案:

答案 0 :(得分:1)

选中 Updated Plunk

我想您错过了在filterlist

中声明controller
$scope.filterlist = { name: '' };

为了便于阅读,我将{{}}部分放在了表格的顶部。 不确定为什么这对你来说是一个问题。适用于我的Chrome浏览器