在Angular中,可以使用一个方法来填充@Input的值。以下是一个示例:
export class ParentComponent {
inputValue: string;
fillInputValue() {
this.inputValue = 'Hello from parent component!';
}
}
import { Component, Input } from '@angular/core';
@Component({
selector: 'child-component',
template: '{{ inputValue }}'
})
export class ChildComponent {
@Input() inputValue: string;
}
这样,当点击父组件中的按钮时,fillInputValue方法将被调用,并将值传递给子组件的inputValue属性。子组件将接收到更新后的值并显示在模板中。
注意:在父组件中调用fillInputValue方法之前,子组件可能会显示空值或初始值。确保在调用fillInputValue方法之后,父组件的inputValue属性已被更新。