在 Angular 中,只有默认属性可以使用文本插值。但可以通过使用属性绑定来实现非默认属性的文本插值。
例如,在 HTML 文件中有以下代码:
这里,title 属性不是默认属性,因此无法使用文本插值。但是,我们可以通过在属性名外面加上方括号来使用属性绑定。在方括号内放置组件中的属性名,就可以将该属性绑定到组件中。
在组件中,我们定义 imageTitle 属性并给它赋值:
export class ImageComponent {
imageTitle = 'A beautiful image title';
}
现在,title 属性可以使用文本插值了。这里的 {{ }} 语法被称为文本插值。
总结一下,要在 Angular 中使用非默认属性的文本插值,需要使用属性绑定语法。