我在我的 .ts 文件中创建了一个函数,该函数允许更新我用来创建数据列表选项的数组(默认为空)。
当我检查 HTML 代码时,我看到数据列表中的选项,但它们没有显示在 GUI 中
<input list='id-RPG' type="text" pInputText class="inputTextStyle" [(ngModel)]="MyModal" (input)="searchList($event.target.value)"/>
<datalist id='id-RPG'>
<option *ngFor="let element of array" [(value)]="element ">{{element }}</option>
</datalist>
ngOnInit(){
this.array = [];
}
searchList(){
//Rest Here
this.array = ["aaa","aab","aac","aad"]
}
不显示错误信息
我认为不可能实时更新DataList,每次必须单击外部才能获取新数据......我使用了旧方法,我认为这是正确的方法。
<div class="suggestedList" *ngIf="array.length > 0">
<ul class="UlSugList" *ngFor="let element of array">
<li class="LiSugList">
<a (click)="select(element)">{{element}}</a>
</li>
</ul>
</div>
select(RPG) {
this.MyModal = RPG;
this.array = [];
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句