日期選擇器中的角度本地參考問題

Question

我的 angular 中有一個日期選擇器組件，我嘗試使用本地引用訪問它的值。

可悲的是，當我嘗試安慰他們時，本地引用給了我未定義的信息。

提供了 datepicker ，函數和觸發器依次如下

使用 angular 7

<app-date-picker #startingDate class="col-12 ">
              </app-date-picker>

datesCompare(sDate, eDate){
    console.log(sDate, eDate, '-------dates------')
  }


<input type="text" class="input-box" placeholder="Code" 
 (click)="datesCompare(startingDate, endingDate)">

Answer 1

你可以得到這樣的 HTML 元素：

<app-date-picker #startingDate class="col-12 ">
              </app-date-picker>

打字稿：

@ViewChild('startingDate') startingDate; 

datesCompare(){
    console.log('startingDate:', this.startingDate )
}