如何在AngularDart 4.0组件之间进行通信

Question

中的

bootstrap(FooComponent);
bootstrap(BarComponent);

component.dart文件中的

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

class BarComponent {
  String content = "efg";
}

首先，我想在main.dart中设置内容，如FooComponent.content =＆＃34; hi来自main＆＃34;。

其次，我希望从FooComponent设置BarComponent的内容。

怎么做？

Answer 1

如果将其编译为单个项目，则可以共享库可见的任何全局对象。

它可以像应用程序/组件访问的库中的变量一样简单，但是如果你想要更可测试的东西，你应该创建一个类，并将它注入组件的构造函数中，并为两者提供相同的实例。在引导程序中。

Answer 2

您还可以创建一个注入两个组件的简单单例服务。您的FooComponent可以通过changeBarContent方法更新该服务中的值，BarComponent可以引用该服务的值。如果您尝试更新的值是基元，则需要在其周围创建包装器对象。

我是AngularDart的新手，所以我不能说这是一种最佳做法，但这是一种处理你想要做的事情的可能方法。