How to set first option as selected where options build from loop in select box anular 4

Question

I have worked on angular 4 project, In this project, I have a requirement to set the first option as selected where all options are created dynamically by loop. html code:

Answer 1

Try like this :

    {{service.name}}

component.ts

export class HomeComponent implements OnInit {

    private selectedServiceType: any;
    private services: Array = [];

    constructor() {
        this.services = [{
            name: "Harish",
            value: 5000
        }, {
            name: "Chandru",
            value: 5001
        }]
    }
    onChange(e) {
        this.selectedServiceType = e.target.value;
    }
}