Angular2 +第三方datepicker问题

Question

我遇到第三方输入的问题（日期）。

在视图中我有..

      <label class="spark-input spark-date" [ngClass]="{'active': userInformation.BirthDateString != ''}">
        <input class="spark-input__field" type="date" role="textbox" [(ngModel)]="BirthDateString">
        <span class="spark-label">What is your birth date?</span>
      </label>

在组件中..

declare var $: any;

@Component({
  selector: 'my-profile',
  templateUrl: '../app/my-profile/my-profile.component.html'
})
export class MyProfileComponent implements AfterViewInit  {

  public BirthDateString = "";

ngAfterViewInit() {
    $('.spark-date').sparkDateInput({onChange : this.OnChange});
}

  OnChange(value,inputInstance){
    this.BirthDateString = "value";
  }

我遇到的第一个问题是，尽管有[（ngModel）] =“BirthDateString”，如果我在组件中更改BirthDate，我在视图中看不到它，如果我在视图中添加一个值，我将其视为未经分割在组件中。

我看到的第二个问题是组件在输入发生变化时执行事件。我为该事件订阅了OnChange函数。执行事件时，“this”未定义。

有什么想法吗？

谢谢！