使用Angular 2,如何在不同的组件文件之间使用ngFor数据?

时间:2017-05-14 10:50:03

标签: angular typescript

使用Angular 2,如何在不同的组件文件之间使用ngFor数据?

例如我在playbar.component.ts文件中有这个:

...
<audio 
 gFor="let audio of sources"                  
 #mediaOne 
 [vgMedia]="mediaOne" 
 id="mediaOne" 
 crossorigin
 [src]="currentItem.src">
...

和tunes.component.ts模板中的这个(我已经导入了上面的文件)

...
<ul>
  <li *ngFor="let item of sources; let $index = index"
        (click)="onClickPlaylistItem(item, $index)"
        [class.selected]="item === currentItem">
        {{ item.src }}
  </li>
</ul>
...

对不起,我有点像一个Angular noob。

1 个答案:

答案 0 :(得分:0)

要在组件之间共享数据,您可以使用服务。

有关它的更多信息 here

该服务将数据作为可观察数据,并且2个组件将订阅可观察数据。