Javascript dart:如何动态传输数据?

Javascript dart:如何动态传输数据?,javascript,web,dart,angular-dart,dart-html,Javascript,Web,Dart,Angular Dart,Dart Html,我想制作一个模态窗口组件。以便能够将其转移到页眉、内容、页脚 更改数据时,模板中不会发生更改: 省道 ModalComponent MC = new ModalComponent()..init(mTitle:'TitleX'); 省道 class ModalComponent { String title = 'sss'; Future init({String mTitle = 'title'}) async{ this.title = mTitle; print(

我想制作一个模态窗口组件。以便能够将其转移到页眉、内容、页脚

更改数据时,模板中不会发生更改:

省道

ModalComponent MC = new ModalComponent()..init(mTitle:'TitleX');
省道

class ModalComponent {
  String title = 'sss';
  Future init({String mTitle = 'title'}) async{
    this.title = mTitle;
    print(title);
  }
}
modal.html

...
<h4 class="modal-title">{{title}}</h4>
...
。。。
{{title}}
...
在模板中,我看到“sss”。在控制台中,我看到一个带有“TitleX”的打印。为什么模板中的数据没有更新?模板上有一个铭文“sss”


如何正确执行我想要的操作?

您不能自己创建组件。Angular需要为您创建它们,因此这条线不起作用:

ModalComponent MC = new ModalComponent()..init(mTitle:'TitleX');

您正在更改的ModalComponent实例与DOM中使用的ModalComponent完全不同。

您不能自己创建组件。Angular需要为您创建它们,因此这条线不起作用:

ModalComponent MC = new ModalComponent()..init(mTitle:'TitleX');
您正在更改的ModalComponent实例与DOM中使用的ModalComponent完全不同