입력에 따라 지시어로 구성 요소 전달

Question

나는 무엇이 일어나고 있는지 완전히 모른다.

값 (ngModel의) 값을 ther 구성 요소 (ngModel 너무)로 전달하는 내 사용자 지정 구성 요소에 간단한 지시문을 쓰려고했습니다.

<form-text 
    required 
    birthDateExtracter="dateOfBirth" 
    name="id" 
    [(ngModel)]="model.idNumber"></form-text> 

<form-datepicker #dateOfBirth 
    name="Birth Date" 
    [(ngModel)]="model.birthDate"></form-datepicker> 

내 지침은 다음과 같습니다 : 그것은

그렇게 보이는

@Directive({ 
    selector: '[ngModel][birthDateExtracter]' 
}) 
export class BirthDateExtracterDirective { 

    _component: any; 

    @Input('birthDateExtracter') 
    set birthDate(value: any) { 
    this._component = value; 
    console.log(value); //it's not working 
    } 

    constructor(private model: NgModel) { 
    } 

    @HostListener('ngModelChange', ['$event']) 
    onModelChange(event) { 
    console.log(event); //it works fine 
    } 
} 

하지만 그 대신 내 입에 구성 요소의 "생년월일 (DateOfBirth)" 문자열을 전달했다. 어리석은 숄보이 실수 또는 오타가 되었길 바랄뿐입니다. 그러나 나는 그것을 처리 할 수 ​​없습니다. 아니면 다른 방식으로 만들어야 할 수도 있습니다. 이런 식으로 실수가 있습니까?

Answer 1

대괄호를 잊어 버린 것 같습니다.

[birthDateExtracter]="dateOfBirth" 

또는 다른 방법이 사람 아 보간

birthDateExtracter="{{dateOfBirth}}"