要解决无法将数据传递给子菜单二的问题,您可以使用Angular的输入属性来传递数据。以下是一个解决方法的示例代码:
在父菜单组件中,定义一个属性来传递数据给子菜单二:
import { Component } from '@angular/core';
@Component({
selector: 'app-parent-menu',
template: `
`,
})
export class ParentMenuComponent {
parentData = 'Hello, child menus!';
}
在子菜单二组件中,使用@Input装饰器来接收父菜单传递的数据:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-child-menu-two',
template: `
Parent Data: {{ data }}
`,
})
export class ChildMenuTwoComponent {
@Input() data: string;
}
确保在父菜单组件的模板中使用子菜单组件,并将数据通过属性绑定传递给子组件。
通过这种方式,您可以在父菜单组件中定义一个属性,并将其传递给子菜单二组件,以供其使用。