Question

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

Answer 1

是的，您完全可以做到这一点。

在CUSTOMER_ID和html模板中加载组件时，只需获取用于dropdownListCodes的dopdown的数据：

ngOnInit(){}

Answer 2

您需要先了解 component lifecycle hooks 。就您而言，您需要一个 OnInit 钩子，该钩子将在组件加载时被调用。

因此，您需要实现OnInit挂钩并编写其方法，如以下 示例代码 -

所示

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>

如何在角度5的页面加载时自动填充下拉菜单？

2 个答案: