在Angular中,可以通过属性绑定将数据绑定到组件类中已存在的属性。
以下是解决方法的示例代码:
export class AppComponent {
public message: string;
}
{{ message }}
export class AppComponent {
public message: string = 'Hello World';
}
现在,当组件渲染时,模板中的{{ message }}
将会被绑定到组件类中的message
属性,并显示Hello World
。
你也可以通过事件或其他方式来改变属性的值,例如:
export class AppComponent {
public message: string = 'Hello World';
public changeMessage(): void {
this.message = 'New Message';
}
}
点击按钮后,message
属性的值将被修改为New Message
,并在模板中显示。