Question

因此，我有一个输入字段，其中从本地存储的json文件中获取数据。数据成为用户在“在字段中搜索”时可以选择的选项。而不是像我正在做的那样一个接一个地写出100多个结果。是否有更快更好的方法呢？在控制台中也出现一个小错误“无法读取未定义的属性'1'”，但是我的方法“有效”，但这是错误的代码。

<input type="text" name="search" id="search" list="datalist2"/>
<datalist id ="datalist2">
    <option  *ngIf="town_list">
    <option value="{{town_list[1].bc}}">
    <option value="{{town_list[2].bc}}">
    <option value="{{town_list[3].bc}}">

</datalist>

Answer 1

只需使用*ngFor。这样，您可以遍历数组并在其中显示每个项目。

<option *ngFor="let town of town_list" ngValue="town.bc">{{town.bc}}</option>

read here

Answer 2

使用*ngIf检查数组是否良好，但是如果要遍历数组，则需要*ngFor

<input type="text" name="search" id="search" list="datalist2"/>
<datalist id ="datalist2" *ngIf="town_list">
    <option *ngFor="let town of town_list">{{town.bc}} </option>
</datalist>

如何为所有JSON对象键生成选择选项？

2 个答案: