Angular2中的兄弟组分相互作用。使用哪种技术? 一些信息
我是安格拉尔的新手。 我正在开发我的第一个应用程序,主要是作为一种爱好。 我提出的web应用程序需求类似于个人议程。我的“问题”在地址簿部分: 这是地址簿部分的屏幕截图。我想做类似的事情。 如您所见,Plaxo按组组织联系人(第一列)。 您可以选择属于所选组(第二列)的联系人。 您可以查看所选联系人的信息并修改、删除、导出 那么,我想如何组织这次活动? 每列都应该是不同的组件。首先是组的s-list.component,然后是contacts-list.component,最后是contact-info.component 我的问题: 在angular 2中,有几种实现组件交互的方法。但在这种情况下,不幸的是,在中列出的方法和中使用的方法中,组件不是父级和子级 那么,哪种方法是在兄弟组件之间进行通信的最佳方法?Angular2中的兄弟组分相互作用。使用哪种技术? 一些信息,angular,Angular,我是安格拉尔的新手。 我正在开发我的第一个应用程序,主要是作为一种爱好。 我提出的web应用程序需求类似于个人议程。我的“问题”在地址簿部分: 这是地址簿部分的屏幕截图。我想做类似的事情。 如您所见,Plaxo按组组织联系人(第一列)。 您可以选择属于所选组(第二列)的联系人。 您可以查看所选联系人的信息并修改、删除、导出 那么,我想如何组织这次活动? 每列都应该是不同的组件。首先是组的s-list.component,然后是contacts-list.component,最后是contact-
- 输入绑定:只需使用这三个组件的父组件,并将必须显示的数据传递给它们
- 参数化路由:使用角度路由器并通过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
在您有父级-子级
场景时使用。对于同级组件,您可以考虑使用共享服务进行数据交换 我想你指的是(某件事)和(某件事),而不是[某件事]和[某件事]?