angular - 如何从父组件调用路由器导出子组件方法

Question

我是angular2的新手

<parent>
    <router-outlet><router-outlet>
</parent>

我在父组件中有一个按钮，如果我单击该按钮，它应该调用子组件中的一个方法(在路由器 socket 中加载。)

有没有办法从父组件调用子组件(在路由器 socket 中)方法？

Answer 1

基本上有两种显示组件模板的方法:作为嵌套组件或作为路由目标。

嵌套组件

如果您使用嵌套组件，则组件被认为具有“父组件/子组件”关系。

父组件的 Html 看起来像这样:

<div>
   <child></child>
</div>

其中“child”是子组件的选择器。然后，您可以使用 @Input 和 @Output 属性在两者之间进行通信。

有关嵌套 组件时此技术的更多信息，请查看此处的文档:https://angular.io/guide/component-interaction

路由目标

如果您通过在 <router-outlet> 中显示组件来将其用作路由目标，则不存在“父组件”和“子组件”关系。

在这种情况下，组件之间通信的最佳方式是使用服务。

我在这里有一篇关于创建服务的博文:https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

资源

如果您是 Angular 的新手，您可以通过学习教程或在线类(class)来节省大量时间和挫折感。这将介绍所有基本概念，让您快速上手 Angular。

您可以在此处完成“英雄之旅”教程:https://angular.io/tutorial

或者观看像这样的类(class):https://app.pluralsight.com/library/courses/angular-2-getting-started-update

或者这个:https://app.pluralsight.com/library/courses/angular-2-first-look/table-of-contents

(您可以免费注册一周。)