在 Angular 7 中,可以通过在 HTML 模板中使用插值表达式来初始化变量。以下是一个示例:
component.ts 文件:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
myVariable: string;
constructor() {
this.myVariable = 'Hello, Angular!';
}
}
my-component.component.html 文件:
{{ myVariable }}
在上面的示例中,我们在组件的 constructor 中初始化了 myVariable 变量,并将其设置为 'Hello, Angular!'。然后,在 HTML 模板中使用插值表达式 {{ myVariable }}
来显示该变量的值。
请注意,初始化变量的其他方法还取决于您的具体需求和场景。上述示例只是其中之一。