Binding select element to object in Angular

Question

I\'d like to bind a select element to a list of objects -- which is easy enough:

@Component({
   selector: \'myApp\',
   template: `
My Application&         


        

Answer 1

Just in case someone is looking to do the same using Reactive Forms:

  
    {{country.name}}
  
  
Selected Country: {{country?.name}}

Check the working example here