这个问题通常是由于没有使用选择器中的括号引用值所致。例如:
@Component({
selector: 'app-example',
template: `
{{example}}
`
})
export class ExampleComponent {
example = 'hello world';
}
在这个组件中,{{example}}
应该返回值hello world
,但是实际上返回了一个单词对象。这是因为选择器不知道example
的含义,它只能识别字符串。
为了解决这个问题,我们需要在选择器中使用括号引用值对象。例如:
@Component({
selector: 'app-example',
template: `
{{example.value}}
`
})
export class ExampleComponent {
example = { value: 'hello world' };
}
现在,{{example.value}}
将返回值对象中的value
属性,也就是我们期望的字符串hello world
。