角度多重MD-テーブル

Question

Iは、角度APPおよびその複数のタブを送信し、基本的に1成分を有します。最初のタブはリクエストを送信し、別のタブに2つのテーブルを作成します。私は、MdSort、MdPaginator、各テーブルのフィルターなどのマテリアル関数を使用しています。

@ViewChild(MdSort) sort: MdSort; 

とHTMLが

<md-table id="datatable" #datatable [dataSource]="resultDataSource" mdSort> 

のみ1テーブルがコンポーネントに存在する場合にこれが正常に動作しますが、私は持っているので、次のとおりです。角のドキュメントに基づいて、それはあなたがこのようmdSort要素を選択しています2つのテーブル、どのようにデータソースに提供するそれぞれの並べ替え要素を正しく選択するのですか？答えがテーブルごとに別々のコンポーネントを使用する場合、結果データを他のコンポーネントのデータソースに渡すにはどうすればよいですか？

Answer 1

私は、独自のデータソースと独自のコンポーネントに各タブ（したがって、各テーブル）の内容を移動することで、これを解決することになりました。

<md-tab label="Results"> 
    <md-card class="datacard resultscard"> 
    <md-card-content> 
     <app-result></app-result> 
    </md-card-content> 
    </md-card> 
</md-tab> 

<md-tab label="Alerts"> 
    <md-card class="datacard resultscard"> 
    <md-card-content> 
     <app-alert></app-alert> 
    </md-card-content> 
    </md-card> 
</md-tab> 

を次に要求コンポーネントで、私はその後、私は、各コンポーネントにに含まれていたメソッドを呼び出した

@ViewChild(RequestComponent) resultsChild: ResultComponent; 
@ViewChild(AlertComponent) alertsChild: AlertComponent; 

ViewChild

を使用して、子コンポーネントを参照：次のように要求コンポーネントのHTMLは、子コンポーネントのためのセレクタを使用しましたリクエストから返されたデータをこれらのコンポーネントに送信して、それぞれのテーブルのデータソースに追加できるようにします。元の質問には本当に答えるものではありませんが、これは私が達成する必要があったものの回避策でした。