如何在angular 5中加载页面时自动填充下拉列表？

我是个新手。我想知道我们是否可以自动填充页面加载中的下拉列表。如果是，那怎么办？

---

谢谢。

是的，你完全可以做到

只需在

ngOnInit（）{}

和html模板中的组件加载中获取用于Doppdown的数据，在本例中为

dropdownListCodes

：

<select id="inputSelectReason" class="form-control" formControlName="selectReason">
    <option value="" disabled selected hidden>Select Your Reason</option>
    <option *ngFor="let code of dropdownListCodes?.codes" [value]="code.codeValue">{{code.codeDescTxt}}</option>
</select>

选择你的理由
{{code.codeDescTxt}}

你需要先了解。在您的情况下，需要一个钩子

OnInit

，它将在组件加载时调用

因此，您需要实现

OnInit

hook并编写其方法，如下面的示例代码所示

export class SampleComponent implements OnInit {
    public dataArray = [];
    public selectedItem: any;

    constructor() { }

    ngOnInit() {
        this.dataArray = [
            { id: 1, name: 'test1' },
            { id: 2, name: 'test2' },
            { id: 3, name: 'test3' }
        ];
    }

    onDropDownChange() {
        alert(this.selectedItem);
    }
}

然后，在HTML脚本中使用它，如下所示-

<select [(ngModel)]="selectedItem" (ngModelChange)="onDropDownChange()">
    <option [ngValue]="undefined" disabled selected>Select Item</option>
    <option *ngFor="let item of dataArray" [ngValue]="item?.id">{{item?.name}}</option>
</select>

选择项
{{item？.name}

显示您尝试过的内容并根据更新您的问题-谢谢您的快速回答，但您能否更具描述性。@vikrantbute，请尝试您这边的内容，不要期望代码会分发给您。