2017-08-05 22 views
1

私は現在のバージョンAngular CLI/4を使用しています。私はアプリ内で複数の部分に発生するコード(HTML +実際のJSコード)を持っています。コンポーネントを作成して必要な場所に追加するのはすばらしいことだと思いますが、サーバーから取得したデータをフィードに入れる必要があり、コンポーネントからデータを取得する必要があります。 コンポーネントの作成方法と使い方を理解していますが、カスタム属性を作成する方法を見つけることができませんでした。これを介してオブジェクトを双方向バインドできます。 それでは、私が欲しいのは、次のとおりです。データをバインドする属性を持つコンポーネントを作成する

@Component({ 
    selector: 'app-page', 
    template: '<app-myComponent [(data)]="myDataList" [(selector)]="selection"></app-myComponent>' 
}) 
export class PageComponent implements OnInit { 
    myDataList: any; 
    selection: string; 

    // And then constructor and init method with the call to the server, which will set the myDataList and so on. 
} 

だから私の例では、コンポーネントは、それがmyDataList経由のを取得した、data中のものを表示していましたし、何かが選択されている場合、それは提供されている変数selectionを設定しますselectorを介して

Directives,およびDecoratorsが見つかりましたが、これが私の望むものではありません。

私は本当にあなたの助けが必要です。

ありがとうございました!

+0

私はangular.io https://angular.io/tutorialのAngularチュートリアルを試してみると、コンポーネントインタラクションに関する具体的なガイドがあります。https://angular.io/guide/component-インタラクション – Toxicable

+0

ありがとうございます!私はそれを見てきたので、その部分を10回もスキップしたに違いありません。 – LetzFlow

+0

それに加えて、兄弟コンポーネント間でデータを渡す方法を理解するには、次のplnkrを参照してください。 https://plnkr.co/edit/tcMOMnHIdADk73FYo3Z1?p=info –

答えて

0

使用しているコンポーネントごとにデータプロバイダとなる角度サービスをセットアップする必要があります。

各コンポーネントにサービスを注入します。 このビデオを読むhttps://www.youtube.com/watch?v=L7xPwhwbcHE

関連する問題