首页 文章

Angular2 v2.4.9 HTML select不显示选项

提问于
浏览
0

我有angular2这个问题,因为我从angularjs迁移,select元素的选项数据来自solr的查询,这个查询不需要那么长,总是给出响应200和数据 .

问题是,如果我不刷新页面或注销并再次登录,则选择永远不会出现的选项,有时候我需要刷新以查看这些选项的次数是随机的 .

我认为这个问题与bootstrap或浏览器有关,但在chrome和firefox中问题是一样的 .

我认为是一个angular2错误,但现在我正在寻找一个工作或破解使其工作,我必须显示明天的网页(我希望) .

HTML代码:

<select class="selectpicker" data-live-search="true" [(ngModel)]="selectedId" (change)="changeValue($event.target.value)">
    <option *ngFor="let d of destinos | orderBy" [ngValue]="d.id">{{getName(d)}}</option>

</select>

Additional details

  • destinos数据正确填充,我可以在收到数据时看到输出

  • orderBy是一个自定义管道,这里是代码:

来自'@ angular / core'的import {Pipe,PipeTransform}; @Pipe({name:'orderBy',pure:false})export class OrderBy实现PipeTransform {transform(array:Array,args:string):Array {console.log(array);
if(array == undefined)
返回;
array.sort((a:any,b:any)=> {

if(a.toLowerCase()<b.toLowerCase()){
返回-1;
} else if(a.toLowerCase()> b.toLowerCase()){
返回1;
} else {

返回0;
}
});
返回数组; }
}

update 以防任何人有这个问题我从选择中删除 class="selectpicker" 现在它总是有效,我认为它与bootstrap有关的问题,现在看起来有点难看它是一个很好的时间解决方案 .

1 回答

相关问题