如何获取文本框的值并将其传递给Angular2中的另一个组件？

Question

我目前正在尝试从一个文本框中提取值并将该值传递给下拉框的标题。

文本框

<div class="input-group">
     <input type="text" id="sDate" class="form-control" placeholder="" aria-describedby="basic-addon1" readonly="readonly" value =" {{calendar | date:'dd MMM y'}} " #sDate/>
</div>

下拉

<button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>
{{title}}<img src="images/dateicon.png">
</button>

打字稿

this.title = (<HTMLInputElement>document.getElementById("sDate" + this.id)).value;