我是Angular 6的新手,或者实际上只是Angular时期。我想在我的页面上放置一个下拉列表,该列表将填充从JSON请求中获取的值,以及其他位置。我将如何完成这项任务?
// 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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句