我刚接触Angular 6,或者说Angular period。我想在我的页面上放置一个下拉列表,它将填充我从JSON请求中获得的值。我该如何着手完成这项任务呢?
发布于 2018-06-06 05:02:13
// http request with your server data.
options$ = this.yourHttpService.getOptions(API); // returns an Observable
假设JSON格式为(我们将调用option.value int HTML):
{
value: 'Option1',
otherValue: '....'
}
在html文件中,使用async
填充选项
<select [(ngModel)]="yourOption" id="category">
<option value="" disabled selected>>select an option</option>
<option *ngFor="let option of options$ | async" [value]="option.value">{item.category}}</option>
</select>
发布于 2018-06-06 05:02:04
假设需要放在下拉列表中的数据实际上是一个数组:
myData = {data: [v1, v2, v3, v4]};
在你的component.html
中
<select>
<option *ngFor="let eachVal of myData['data']>
{{eachVal}}
</option>
</select>
应该能行得通。
因为您没有提供您的代码片段,所以我有一个使用select
和option
标签以及Angular的stackBlitz example。看一下它们。
https://stackoverflow.com/questions/50708771
复制相似问题