Изменение значения свойства внутри функции (Angular 9)

Question

Есть ли способ определить свойство в классе, а затем изменить значение свойства внутри функции?

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

Например:

export class ClassName {
   trueOrFalse: boolean = false;

   changeBooleanValue() {
      //How do I change the value of trueOrFalse from inside the function
      this.trueOrFalse = true; //The value of trueOrFalse is true only within the scope of the function
   } 
}

Так в моем представлении HTML, если я нажимаю кнопку, значение логического свойства должно измениться с false до true.

<button (click)="changeBooleanValue()"></button>

Я новичок в Angular (и программировании в целом), поэтому, если есть что-то, из чего я могу читать и изучать основы, это было бы полезно.

Answer 1

Похоже, у вас есть другая ошибка в вашем коде. Ваш фрагмент работает без проблем. Проверьте это sackblitz на основе вашего фрагмента кода

Answer 2

Я думаю, что у вас может быть проблема с областью действия вашего указателя 'this', которая может зависеть от того, как вызывается метод.

Попробуйте изменить свой метод на функцию, например,

export class ClassName {
   trueOrFalse: boolean = false;

   changeBooleanValue = () => {
      this.trueOrFalse = true; 
   }
}

Это обеспечит привязку функции к ее родительскому объекту.