在Angular中,你可以使用@Input装饰器来接收带有对象的选项。以下是一个示例:
首先,在父组件中定义一个对象,包含一些选项:
options = {
option1: 'Option 1',
option2: 'Option 2',
option3: 'Option 3'
};
然后,在父组件的模板中,通过使用子组件的选择器,将这些选项传递给子组件:
接下来,在子组件中,使用@Input装饰器来接收这些选项:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-child',
template: `
`
})
export class ChildComponent {
@Input() options: any;
}
在子组件的模板中,使用*ngFor指令来循环遍历选项,并将它们显示为下拉列表的选项。
通过这种方式,你就可以在父组件中定义一个对象,将其传递给子组件,并在子组件中使用这些选项。
上一篇:Angular选择器标签