2017-05-14 6 views
-2

Angular 2では、どのようにして異なるコンポーネントファイル間でngForデータを使用できますか?例えばAngular 2では、どのようにして異なるコンポーネントファイル間でngForデータを使用できますか?

Iはplaybar.component.tsファイルでこれを持っている:私は(上記のファイルをインポートしている)tunes.component.tsテンプレートの

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

この

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

申し訳ありませんが、私はちょっと角度のあるノブです。

答えて

0

コンポーネント間でデータを共有するには、サービスを使用できます。観測と2つのコンポーネントが観測に加入と同じようにサービスがデータを持っているでしょうhere

それについて

詳細情報。

+0

ありがとう、私はそれをチェックアウトします。 –

+0

これは必須ではありません。共通の依存関係によってエクスポートされた配列を共有することができます。素晴らしいアイデアではありませんが、オブザーバブルを使用するものだけでなく、サービスを必要とするものは何もありません。 –

関連する問題