如果使用@Input()作为属性绑定没有起作用,可以使用ngOnChanges钩子来手动进行初始绑定。以下是示例代码:
在组件中定义一个属性,在ngOnChanges方法中将输入属性分配给其定义的属性,然后就可以在模板中使用它了。
@Component({
selector: 'example-component',
template: {{exampleText}}
})
export class ExampleComponent implements OnChanges {
@Input() text: string;
exampleText: string;
ngOnChanges(changes: SimpleChanges) { if (changes['text']) { this.exampleText = this.text; } } }
在父组件中,在使用子组件时将输入属性传递给子组件即可。