Angular 12支持使用字符串插值将变量嵌入到HTML模板中,以便更轻松地动态创建视图。以下是示例代码:
HTML模板文件:
组件.ts文件:
import { Component } from '@angular/core';
@Component({ selector: 'app-example', templateUrl: './example.component.html', styleUrls: ['./example.component.css'] }) export class ExampleComponent { message: string = "Hello, world!";
constructor() { } }
在这个示例中,使用双大括号将组件中的message变量插入到HTML模板中,并将对应的文本显示在页面上。通过在组件中设置message的值,我们可以轻松地更新页面上的文本内容。