如何使用Angular 6实现数据填充的下拉列表

菲利普·伦特

我是Angular 6的新手,或者实际上只是Angular时期。我想在我的页面上放置一个下拉列表,该列表将填充从JSON请求中获取的值,以及其他位置。我将如何完成这项任务?

Haifeng Zhang
 // 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章