select - Angular2 ngModel が定義されていません鬼ごっこ

Question

私は Angular2 と Semantic-UI の分岐バージョン (カレンダー モジュールを含む) を使用しています。私が使用しているcalendarとdropdown機能：

constructor() {
    setTimeout(() => {
        jQuery('.ui.dropdown').dropdown();
        jQuery('.ui.calendar').calendar({ type: 'date' });
    }, 1000);)
}

これが私の Plunkerです。

ご覧のとおり、カレンダーの選択から入力を取得できません。

何がグリッチなのか理解できません。何が問題なのかわかりますか？

Answer 1

なんらかの理由で[(ngModel)]が更新されていません。

ただし、日付のみを取得する場合は、ここに示すように#templateVariableを使用できます。

動作デモ: https://plnkr.co/edit/X8Gjwzd62DvYN1S8jrFv?p=preview

#TemplateVariable の使用

<input #date  type="text" placeholder="Date">

<button (click)="test(date.value)">test</button> 

test(date):void { 
    console.log(date);
    console.log(this.name);
}

@ViewChild の使用

@ViewChild('date') date:ElementRef;

 test(date):void { 
       console.log(this.date.nativeElement.value);
        console.log(date);
        console.log(this.name);
 }