要解决Angular Web Components中@Input未接收到值的问题,可以按照以下步骤进行操作:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-example',
template: `
{{ inputText }}
`
})
export class ExampleComponent {
@Input() inputText: string;
}
这里的exampleText
是父组件中的一个属性。
exampleText
属性赋予一个值。例如:export class ParentComponent {
exampleText: string = 'Hello, World!';
}
通过按照以上步骤操作,您应该能够正确将值传递给子组件的@Input属性。如果问题仍然存在,可以进一步检查控制台输出是否有任何错误信息,并确定是否正确导入和使用了@Input装饰器。