在Angular中,不能直接从另一个地方分配属性值。相反,可以使用属性绑定或输入属性来传递值。
@Input()
装饰器来接收属性的值。父组件:
@Component({
selector: 'parent-component',
template: `
`
})
export class ParentComponent {
parentValue: string = 'Hello from parent';
}
子组件:
@Component({
selector: 'child-component',
template: `
{{ myValue }}
`
})
export class ChildComponent {
@Input() myValue: string;
}
@Input()
装饰器来定义输入属性,并在父组件中使用子组件时,将属性值传递给子组件。子组件:
@Component({
selector: 'child-component',
template: `
{{ myValue }}
`
})
export class ChildComponent {
@Input() myValue: string;
}
父组件:
@Component({
selector: 'parent-component',
template: `
`
})
export class ParentComponent {
parentValue: string = 'Hello from parent';
}
在上述两个示例中,父组件将属性parentValue
的值传递给子组件的myValue
属性。子组件接收到父组件传递的值后,可以在子组件的模板中使用它。