按钮单击事件Angular 4后如何更改文本值

Question

点击此按钮上的事件（下面的代码）

<button (click)="login()" routerLink="/dashboard" class="btn btn-primary 
primary-login">Login with Google</button>

我想将标题h1中的文本值更改为例如仪表板

<h1 class="oap__header--title"  >Welcome in Organizer App</h1>

下面是TypeScript代码

login() {
this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
}

有谁知道如何实现？可能这很容易，但我不知道如何从这个问题开始

Answer 1

不要在HTML中对字符串进行硬编码，使用组件的属性，如下所示：

<h1 class="oap__header--title">{{ myString }}</h1>

你将拥有的TS文件中的

：

myString: string = 'Welcome in Organizer App'
login() {
  this.myString = 'Dashboard'
  this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
}