使用Angular的属性绑定语法来在组件HTML中访问设置的属性。
例如,假设我们在组件中设置了一个属性:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
myProperty: string = 'Hello World';
}
在组件HTML中,如果我们直接尝试使用该属性,它是不可用的:
{{ myProperty }}
相反,我们应该使用属性绑定语法,如下所示:
这将使我们能够在组件HTML中有效地访问设置的属性。