표시 MD-선택하면 다른 MD-선택 - 선택된 값 = concrete_value

Question

나는 두 MD-선택이 있습니다

<form (ngSubmit)="someAction(f)" #f="ngForm"> 
    <md-select 
     #selectedHolidayType 
     placeholder="Holiday type" 
     name="holiday_type" 
     [(ngModel)]="holiday_type" 
    > 
    <md-option *ngFor="let type of types" [value]="type.typeId">{{ type.typeName}}</md-option> 
    </md-select> 

<md-select 
    *ngIf="selectedHolidayType === 19" 
    placeholder="Some placeholder" 
    name="option" 
    [ngModel]="option" 
> 
     <md-option *ngFor="option of options" [value]="option.id">{{option.value}}</md-option> 

</md-select> 
</form> 

어떻게 내가 보여줄 수를 두 번째 MD-선택에만 첫 번째 MD-선택 선택된 값이 설정되어있는 경우 내가 원하는 것,이 경우 - 19.

또는 어쩌면 : 내가 어떻게 html 템플릿에서 첫 번째 md-select의 선택된 값을 얻을 수 있습니까?

은 이미 시도 :

*ngIf="holiday_type === 19" 
*ngIf="selectedHolidayType.selected === 19" 
*ngIf="selectedHolidayType.selected.value === 19" 

그러나 그 중 어느 것도 작동하지 않습니다.

도움 주셔서 감사합니다.

Answer 1

좋아, 내가 대답을 발견

<md-select 
     #selectedHolidayType 
     placeholder="Holiday type" 
     name="holiday_type" 
     [(ngModel)]="holiday_type" 
    > 
    <md-option *ngFor="let type of types" [value]="type.typeId">{{ type.typeName}} 
    </md-option> 
</md-select> 

<div *ngIf="holiday_type > 0"> 

    <md-select 
    *ngIf="holiday_type == 19" 
    placeholder="Some placeholder" 
    name="option" 
    [ngModel]="option" 
    > 
     <md-option *ngFor="option of options" [value]="option.id">{{option.value}} 
    </md-option> 

    </md-select> 

</div> 

없음 생각하는 이유하지만 난 MD-선택 작동 사업부에서 포장하는 경우!

사람이 그 행동 : 당신이 *ngIf="holiday_type === 19"을 시도 할 때 작동하지 않은 이유를 모르는

Answer 2

을 설명 할 수 있다면 나는 정말 뵙죠 것입니다. 여기

이 같은 일이의 EXAMPLE,

<form> 
    <md-select placeholder="Holiday type" 
     name="holiday_type" 
     [(ngModel)]="holiday_type"> 
    <md-option *ngFor="let type of types" [value]="type.typeId">{{ type.typeName }}</md-option> 
    </md-select> 

    <!-- Only show when 19 is selected --> 
    <md-select *ngIf="holiday_type === 19" 
     placeholder="Some placeholder" 
     name="option" 
     [(ngModel)]="option"> 
    <md-option *ngFor="let option of options" [value]="option.id">{{ option.value }}</md-option> 
    </md-select> 

</form>