Как сделать геттер и сеттер в угловых свойствах модели поля ввода?

Question

подскажите, пожалуйста, как сделать getter и setter свойства поля ввода. Я пробовал вот так

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
      private _keyValue: string;
      get KeyValue(): string{
        return this._keyValue;
    }

    set KeyValue(value: string){
      console.log('====')
        this._keyValue = value;
    }

  name = 'Angular 6';
}

когда я печатал в поле ввода, мой console не печатается, почему? вот мой код https://stackblitz.com/edit/angular-vnvv6b?file=src%2Fapp%2Fapp.component.ts

Answer 1

Вы не используете созданный вами сеттер, вы напрямую привязываетесь к _keyValue

Для привязки к вашему сеттеру, вы должны использовать

<input [(ngModel)]="KeyValue"/>

Как KeyValue - это имя вашего сеттера