如何將 Typescript 變量值添加到 Angular div 標簽？

Question

如何通過單擊 Typescript 代碼中的按鈕將值聲明為“x”

<div>
    <h3 >{{this.x}}</h3>
</div>

Answer 1

在你的 TS 文件中添加這個

x: any; 

changeX(){
this.x = your value;
}

在您的 HTML 文件中添加此

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

<div>
    <h3 >{{x}}</h3>
</div>