아래로 각도로 내림차순

Question

간단한 샘플을 찾고 있었는데, 드롭 다운을 바인딩하는 방법. 그물에 모두 내가 사용자가 가정 언어

export class LanguageListComponent { 

    selectedLanguage: Language; 
    countries = [ 
    new Language(1, 'USA'), 
    new Language(2, 'India'), 
    new Language(3, 'Australia'), 
    new Language(4, 'Brazil'), 
    new Language(5, 'Russia') 
]; 
    } 


export class Language { 
constructor(public id: number, public name: string) { } 

} 

Answer 1

코드

아래에 부착되어

틀 :

<select [(ngModel)]="selectedCountryId" (ngModelChange)="onChange($event)"> 
    <option [ngValue]="country.getId()" *ngFor="let country of countries">{{country.getName()}}</option> 
</select> 

클래스

export class LanguageListComponent { 
    countries = [ 
     new Language(1, 'USA'), 
     new Language(2, 'India'), 
     new Language(3, 'Australia'), 
     new Language(4, 'Brazil'), 
     new Language(5, 'Russia') 
    ]; 
} 

Answer 2

을 선택할 수있는 로그인 구성 요소 내부에 아래로 간단한 언어 드롭을 찾고

실제 응용 프로그램에서 실제적인 해결책이 아니다 느낌 구성 요소를 만드는 ID, 이름은 언어의 속성으로, 당신은 HTML로 아래 수행해야합니다

<select [(ngModel)]="selectedLanguage"> 
    <option *ngFor="let c of countries" [ngValue]="c">{{c.name}}</option> 
</select>