How to pass selected dropdown value to a component

I am novice to Angular.

I am following this accepted answer.
Select second dropdown based on first dropdown using Angular 4

I created dropdown based on dropdown as follows –

<select [(ngModel)]="country">
  <option *ngFor="let country of countries" [value]="country"> {{ country }} </option>
</select>

<select *ngIf="country" [(ngModel)]="city" [value]="city">
  <option *ngFor="let city of cities"> {{ city }} </option>
</select>
export class AppComponent {
  private map = new Map<string, string[]>([
    ['Poland', ['Warszawa', 'Krakow']],
    ['USA', ['New York', 'Austin']],
  ])

  country: string;
  city: string;

  get countries(): string[] {
    return Array.from(this.map.keys());
  }

  get cities(): string[] | undefined {
    return this.map.get(this.country);
  }

}

Now I want to –

  1. get the Selected Value
  2. pass the Selected Value to the component.

for task 2

I tried passing static value like this –

<app-render country="USA" city="Austin"></app-render>

this works fine

I tried like this – {{country.value}}, {{country.name}} but no luck.

Please Help/Guide.

Source: New feed
Source Url How to pass selected dropdown value to a component