频道导航

聚合查询选择器在DartVM上工作但在编译后不在Chrome中

2020-09-15 设计模式前端之家

前端之家收集整理的这篇文章主要介绍了聚合查询选择器在DartVM上工作但在编译后不在Chrome中，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

有一个奇怪的问题.在我的Dart代码中,我在屏幕上有一些聚合物组件,其中一个有我从main()调用的方法.

我抓住它的参考

PolyComp poly = querySelector("#idOfPolymer");
poly.flash();

这在飞镖中完美无缺.页面加载并且PolyComp开始闪烁.但是当我通过从Dart IDE运行Build Polymer应用程序在Chrome中运行它时,我收到一条错误,指出无法在null上调用flash().

我最后只是使用一个事件总线让PolyComp听我的事件,但这有点过分了.

我究竟做错了什么？这种情况发生在最新的Chrome,Firefox和Safari中.

编辑：

我还为JS构建了以下聚合物应用程序并遇到了同样的问题.
https://github.com/sethladd/dart-polymer-dart-examples/blob/master/web/todo_element/todo.html

适用于DartVM,而不是Chrome,因为它在null元素上调用方法.

解决方法

当您从main()方法运行此代码时,它可能是一个计时问题.
你可以尝试类似的东西

import "package:polymer/polymer.dart";

main() {
  initPolymer().run(() {
    // code here works most of the time
    Polymer.onReady.then((e) {     
      // some things must wait until onReady callback is called
    });
  });
}

另见how to implement a main function in polymer apps

上一篇：与leiningen在clojurescript中的依下一篇：将参数传递给data.table聚合函数

猜你在找的设计模式相关文章

适配器模式-让不兼容的接口得以适配

适配器模式将一个类的接口转换成客户期望的另一个接口，使得原本接口不兼容的类可以相互合...

作者：前端之家时间：2021-02-24

策略模式-定义一个算法族

策略模式定义了一系列算法族，并封装在类中，它们之间可以互相替换，此模式让算法的变化独...

作者：前端之家时间：2021-02-24

设计模式之高质量代码

设计模式讲的是如何编写可扩展、可维护、可读的高质量代码，它是针对软件开发中经常遇到的...

作者：前端之家时间：2021-02-24

模板方法模式-封装一套算法流程

模板方法模式在一个方法中定义一个算法的骨架，而将一些步骤延迟到子类中，使得子类可以在...

作者：前端之家时间：2021-02-24

迭代器模式-统一集合的遍历方式

迭代器模式提供了一种方法，用于遍历集合对象中的元素，而又不暴露其内部的细节。

作者：前端之家时间：2021-02-24

单例模式的五种实现方式及优缺点

单例模式（Singleton Design Pattern）保证一个类只能有一个实例，并提供一个全局访问点。

作者：前端之家时间：2021-02-24

组合模式-统一的处理个别对象与组合对象

组合模式可以将对象组合成树形结构来表示“整体-部分”的层次结构，使得客户可以用一致的方...

作者：前端之家时间：2021-02-24

装饰者模式-动态的包装原有对象的行为

装饰者模式能够更灵活的，动态的给对象添加其它功能，而不需要修改任何现有的底层代码。

作者：前端之家时间：2021-02-24

观察者模式-将消息通知给观察者

观察者模式（Observer Design Pattern）定义了对象之间的一对多依赖，当对象状态改变的时候...

作者：前端之家时间：2021-02-24

代理模式-访问对象的代理而非其本身

代理模式为对象提供一个代理，来控制对该对象的访问。代理模式在不改变原始类代码的情况下...

作者：前端之家时间：2021-02-24

编程分类

算法设计模式多媒体技术正则表达式 Elasticsearch Flink Hadoop IDE

最新文章