[英]md-autocomplete is not showing text
我正在使用md-autocomplete
进行自动完成,但是由于某种原因,下拉列表不包含我希望它包含的文本。 这是该问题的简化演示:
<md-autocomplete flex
md-search-text="searchText"
md-input-name="p"
md-items="item in search(searchText)"
md-item-text="item.display"
md-floating-label="Name"
md-delay="100"
>
</md-autocomplete>
$scope.search = function(){
return $q.resolve([{
value: 1,
display: "one"
}, {
value: 2,
display: "two"
}, {
value: 3,
display: "three"
}]);
};
看看这个fiddle来演示这个问题。
您尚未在md-autocomplete
包含md-item-template
。 您的md-autocomplete
应如下所示:
<md-autocomplete flex
md-search-text="searchText"
md-input-name="p"
md-items="item in search(searchText)"
md-item-text="item.display"
md-floating-label="Name"
md-delay="100"
>
<md-item-template>
<span md-highlight-text="searchText" md-highlight-flags="^i">{{item.display}}</span>
</md-item-template>
</md-autocomplete>
这是您的代码的工作分支。
<md-autocomplete flex
md-search-text="searchText"
md-items="item in search(searchText)"
md-item-text="item.display"
md-floating-label="Name"
md-delay="100">
<span md-highlight-text="searchText" md-highlight-flags="^i">
{{item.display}}</span>
<md-not-found>
Searchtext is invalid
</md-not-found>
</md-autocomplete>
AngularJS:
$scope.search = function(parum){
var result = [{
value: 1,
display: "one"
}, {
value: 2,
display: "two"
}, {
value: 3,
display: "three"
}];
this.result = param ? this.result.filter(function(item) {
return (item.display.toUpperCase().indexOf(param.toUpperCase()) > -1);}) :
this.result
return this.result
};
这是使用 md-autocomplete 的完美方式,我更喜欢在 input 标签中使用 angular,因为 md-autocomplete 包含许多故障和错误。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.