Как реализовать условие внутри кнопки в TypeScript

Question

Я пытаюсь реализовать простое условие внутри кнопки, используя TypeScript и Angular Form, но это вызывает у меня ошибку.

КОД ТС

 this.addNameForm = this.formBuilder.group({
  first_name: this.first_name,
  last_name: this.middle_name
 });

У меня есть два поля и кнопка под названием Отправить

КОД ТС

submit() {
if(this.first_name='joe'){
 console.log("true");
 }
else{
 console.log("false");
 }

ошибка

[ts] Оператор '==' нельзя применять к типам 'FormControl' и 'string'.

Answer 1

В примере не хватает некоторого контекста (я не знаю где this.first_name пришел) но то, что вы показали, это FormControl экземпляр на FormBuilder,

Вам нужно будет использовать аксессор значения, например:

if (this.addNameForm.controls.first_name.value === 'joe') {/**/}

Или некоторые другие методы, представленные в документации, которую я связал (будет иначе, если это контекст Validator, например).