2017-05-14 38 views
-2

使用Angular 2,我如何在不同的組件文件之間使用ngFor數據?使用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> 
... 

對不起,我是一個角度的noob。

回答

0

要在組件之間共享數據,您可以使用服務。

更多關於它 here

服務將擁有的數據觀測和2個組件將訂閱可觀。

+0

謝謝你,我會檢查出來。 –

+0

這不是必需的。他們可以共享一個由共同依賴項導出的數組。這不是一個好主意,但沒有說你需要一項服務,更不用說那種使用可觀察性的服務。 –

相關問題