При одностороннем связывании шаблон с контроллером не обновляется

Question

Я пытаюсь изменить значение кнопки, переключая значение строкового параметра.

Вот объявление в моем html-файле:

<app-connexion *ngIf="connexionVisible"></app-connexion>
<app-inscription *ngIf="!connexionVisible"></app-inscription>

<ion-button (click)="toggleInscription()">{{status}}</ion-button>

вот мой контроллер:

export class LoginComponent implements OnInit {

  connexionVisible: boolean = true;
  status: String = "Inscription";

  constructor() {}

  ngOnInit() {}

  toggleInscription() {

    (this.connexionVisible) ? this.connexionVisible = false:
      this.connexionVisible = true;
    (this.status = "Inscription") ? this.status = "Connexion": this.status =
      "Inscription";
  }

}

Работает только в первый раз, когда я переключаю кнопкуи затем оставайтесь на месте с «Connexion», в то время как мои компоненты, обусловленные логическим значением, отображаются отлично.Я не понимаю.

Answer 1

Есть проблема с вашим кодом.

Вы используете оператор (=) вместо равенство (===) оператор.

Попробуйте это исправить:

export class LoginComponent implements OnInit {

  connexionVisible = true;
  status = "Inscription";

  constructor() {}

  ngOnInit() {}

  toggleInscription() {
    this.connexionVisible = !this.connexionVisible;
    this.status = (this.status === "Inscription") ? "Connexion": "Inscription";
  }
}