在Angular 7中,可以通过父组件向子组件传递数据。以下是一些传递已加载组件数据的常用方法:
- 使用@Input装饰器:通过在子组件中定义一个带有@Input装饰器的属性,可以接收来自父组件的数据。在父组件的模板中,使用属性绑定将数据传递给子组件。
- 示例代码:
父组件模板:
- 示例代码:
父组件模板:
- 父组件类:
- 父组件类:
- 子组件类:
- 子组件类:
- 使用服务:创建一个共享的服务,父组件将数据存储在该服务中,子组件通过依赖注入方式获取数据。
- 示例代码:
服务类:
- 示例代码:
服务类:
- 父组件类:
- 父组件类:
- 子组件类:
- 子组件类:
这些方法可以根据具体需求选择使用。在Angular 7中,还有其他方式可以传递数据,如通过路由参数、使用@ViewChild装饰器等。根据具体情况选择最适合的方法。