AngularDart 4.0 main.dartのコンポーネント

Question

bootstrap(FooComponent); 
bootstrap(BarComponent); 

component.dartファイル内

class FooComponent { 
    String content = "abc"; 
    void changeBarContent(){ 
    // change bar content here 
    } 
} 

class BarComponent { 
    String content = "efg"; 
} 

まず間で通信するためにどのように、私はFooComponent.content = "HIのようなmain.dartで設定されたコンテンツをしたいですメインから "。

第2に、BarComponentのコンテンツをFooComponentから設定する必要があります。

どうすればよいですか？

Answer 1

これを単一のプロジェクトとしてコンパイルすると、ライブラリに表示されるすべてのグローバルオブジェクトを共有できます。

これは、両方のApps /コンポーネントがアクセスするライブラリ内の変数と同じくらいシンプルなものですが、テスト可能なものが必要な場合は、クラスを作成してコンポーネントのコンストラクタ内に注入し、どちらもブートストラップにあります。

Answer 2

また、両方のコンポーネントに注入される単純なシングルトンサービスを作成することもできます。 FooComponentはchangeBarContentメソッドを介してそのサービスの値を更新でき、BarComponentはそのサービスの値を参照できます。更新しようとしている値がプリミティブである場合は、その周りにラッパーオブジェクトを作成する必要があります。

私はAngularDartを初めて使うので、これはベストプラクティスだとは言えませんが、あなたがやろうとしていることを処理する方法があります。