Angular 4 Selected not working properly when it is given in model?

Question

When I\'m trying to give a drop-down menu. By default, I need to select a value that needs to be displayed. When I\'m not using a ngModel I\'m able to display the default va

Answer 1

You are defining the value for the select as the id value, whereas you are feeding the selectedListType with the name property. So what you want to do is either provide the id value for selectedListType, so for example if your ListType looks like this:

[{id:1, name: 'Dislike'},{...}]

you want to set selectedListyType value as 1. Other option is, if you do not know the id value you can do:

ngOnInit() {
  this.selectedListType = this.ListType.find(x => x.name === 'Dislike').id
}

and your template will then look like this:

  {{type.name}}