Angular2自定义观察者

Question

我怎样才能做到以下几点 我有一个名为** listOptionsComponent 的组件，它是一个通用组件， 然后从父组件创建2个组件listOptions ** AppComponent

app.component.html
<lista-opciones [type]="'menu1'"></lista-opciones>
<lista-opciones [type]="'menu2'"></lista-opciones>

向2个组件传递属性类型， 然后在我的** ListOptionsComponent **中将调用一个服务，根据发生的类型从api中查找选项的数据，直到一切顺利。 我的** listOptions **仅收集数据，时间将此信息传递给另一个组件，该组件只是可视化数据的组件

ListaOpciones.component.html
<list-detail [options]="options | async"></list-detail>

En listadetail.component.html

 <ul *ngFor='let option of options'>
    <li *ngIf="option.name=='logout'" (click)="logout()">{{option.name}}</li>

    <li *ngIf="option.name!='logout'"><a [routerLink]="[option.url]">{{option.name}}</a></li>
</ul>

向两个组件传递了一种属性， 然后在我的** ListOptionsComponent **中将调用一个服务，根据发生的类型查找api选项的数据，直到一切都不好。 我的** listOptions **仅收集数据，时间将此信息传递给另一个只显示数据的组件

嗯，我知道这是一个简单的例子，基本上这两个组件1是显示顶部导航栏，另一个是身份验证栏（登录，注册），并重用组件，因为这是angular2的哲学，我决定创建泛型并从api中获取选项，不仅对于这些组件，而且对于许多其他组件，我将实现它们，但我需要解决这个问题，然后尝试实现redux，基本上问题是同样，最后由于存储存储在listOptions中，这会导致实现它的2个实例发生变化。