Установите значение angular выбора даты материала, используя ngmodel - Angular

Question

Я пытаюсь отредактировать выбранное значение для средства доступа к пользовательскому значению элемента управления angular компонент даты материала, но я возвращаю пустое поле ввода.

App.Component. Html

<date-input  ngModel="dateValue"
                name="dateName">
              </date-input>

DateInputComponent. html

  <mat-form-field>
    <input [(ngModel)]="value" matInput [matDatepicker]="picker1" >
    <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
    <mat-datepicker #picker1></mat-datepicker>
  </mat-form-field>
</div>

DateInputComponent.ts

get value(): any {
    return this.innerValue;
  }

  // set accessor including call the onchange callback
  set value(v: any) {
    if (v !== this.innerValue) {
      this.innerValue = v;
      this.onChangeCallback(v);
    }
  }

  // The internal data model
  private innerValue: any = '';

  // Placeholders for the callbacks which are later provided
  // by the Control Value Accessor
  private onTouchedCallback: () => void = noop;
  private onChangeCallback: (_: any) => void = noop;

  ngOnInit() {
    // this.formControlItem = this.formControlItem[this.LabelInput.fieldName];
    this.showInput = true;
  }

  // Set touched on blur
  onBlur() {
    this.onTouchedCallback();
  }

  // From ControlValueAccessor interface
  writeValue(value: any) {
    if (value !== this.innerValue) {
      this.innerValue = value;
    }
  }

Так выглядит значение

Tue Feb 11 2020 00:00:00 GMT+0200 (Eastern European Standard Time)

Как я уже говорил выше, в поле даты ничего не отображается, если я хочу изменить значение

Answer 1

Синтаксическая ошибка привязки ngModel.

<date-input [(ngModel)]="dateValue" name="dateName"></date-input>