Angular2自定义观察者

时间:2017-04-13 09:13:38

标签: angular design-patterns redux observable

我怎样才能做到以下几点 我有一个名为** 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个实例发生变化。

0 个答案:

没有答案
相关问题