Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular2中的兄弟组分相互作用。使用哪种技术? 一些信息_Angular - Fatal编程技术网

Angular2中的兄弟组分相互作用。使用哪种技术? 一些信息

Angular2中的兄弟组分相互作用。使用哪种技术? 一些信息,angular,Angular,我是安格拉尔的新手。 我正在开发我的第一个应用程序,主要是作为一种爱好。 我提出的web应用程序需求类似于个人议程。我的“问题”在地址簿部分: 这是地址簿部分的屏幕截图。我想做类似的事情。 如您所见,Plaxo按组组织联系人(第一列)。 您可以选择属于所选组(第二列)的联系人。 您可以查看所选联系人的信息并修改、删除、导出 那么,我想如何组织这次活动? 每列都应该是不同的组件。首先是组的s-list.component,然后是contacts-list.component,最后是contact-

我是安格拉尔的新手。 我正在开发我的第一个应用程序,主要是作为一种爱好。 我提出的web应用程序需求类似于个人议程。我的“问题”在地址簿部分:

这是地址簿部分的屏幕截图。我想做类似的事情。 如您所见,Plaxo按组组织联系人(第一列)。 您可以选择属于所选组(第二列)的联系人。 您可以查看所选联系人的信息并修改、删除、导出

那么,我想如何组织这次活动?

每列都应该是不同的组件。首先是组的s-list.component,然后是contacts-list.component,最后是contact-info.component

我的问题: 在angular 2中,有几种实现组件交互的方法。但在这种情况下,不幸的是,在中列出的方法和中使用的方法中,组件不是父级和子级

那么,哪种方法是在兄弟组件之间进行通信的最佳方法?

  • 输入绑定:只需使用这三个组件的父组件,并将必须显示的数据传递给它们
  • 参数化路由:使用角度路由器并通过URL传递一些数据。 例如:myapp.com/addressbook/[SOME_GROUP_ID]/[SOME_CONTACT_ID](myapp.com/addressbook/3/23)第3组,第23联系人
  • 其他

PD:如果我的问题不清楚,也欢迎链接到示例。

您可以在元素处放置一个模板变量,并相互引用

<a-cmp #a (someEvent)="b.doSomething()">
<b-cmp #b (someOtherEvent)="a.doSomething()">


或者,您可以使用在公共父级提供的共享服务,并将其注入到两个兄弟姐妹中。

@Input-API
在您有
父级-子级
场景时使用。对于同级组件,您可以考虑使用共享服务进行数据交换

我想你指的是(某件事)和(某件事),而不是[某件事]和[某件事]?