要从Angular 9组件中读取属性,可以使用@Input装饰器将属性注入到组件中。下面是一个示例:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ title }}
{{ content }}
`
})
export class MyComponent {
@Input() title: string;
@Input() content: string;
}
import { Component } from '@angular/core';
@Component({
selector: 'app-parent-component',
template: `
`
})
export class ParentComponent {
myTitle = 'Hello';
myContent = 'World';
}
在上面的示例中,父组件通过属性绑定将myTitle和myContent的值传递给子组件的title和content属性。
这样,子组件就可以读取并在模板中使用父组件传递的属性值。