Следующая angular управляемая шаблоном форма не выдает ошибку в браузере, но она выделяется красным цветом в сравнении с кодом

Question

Это тот сегмент кода, к которому ведет => Идентификатор 'email' не определен. Объявление компонента, объявления переменных шаблона и ссылки на элементы не содержат такого члена

 <div class="form-group">
      <label for="email">Email</label>
      <input id="email" name="email" [(ngModel)]= "email" type="text" class="form-control">
    </div>

Это файл component.ts

export class CreateEmployeeComponent implements OnInit {



  constructor() { }

  ngOnInit() {
  }

  saveEmployee(empForm:NgForm):void{
console.log(empForm.value);
  }

}

Что не так с приведенным выше кодом? Полезный ответ действительно ценится

Answer 1

Это дает вам ошибку, поскольку email не является определенной переменной в вашем TS файле

export class CreateEmployeeComponent implements OnInit {

  email: string; //declare variable

  constructor() { }

  ngOnInit() {
  }

  saveEmployee(empForm:NgForm):void{
    console.log(empForm.value);
  }
}