问题标签 [dart-webui]

我有一个使用 HTML、CSS3 和 Dart 构建的网站。现在，我将如何制作一个预加载器，它会在页面的所有内容加载之前运行？

我什至在考虑使用这样的东西：http ://cssload.net/ 所以我愿意接受任何建议......

更新：类似这样的东西，但在 Dart 中：http: //gayadesign.com/scripts/queryLoader2/ http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

我正在寻找有关如何制作可以采用位置子参数的 web 组件的资源。就像是：

上面的元素将在可编辑 == false 时显示一个跨度，在可编辑 == true 时显示一个文本区域。editable 是一个全局观察的静态变量。

我认为有可能通过继承获得这种组合行为。但是，我想知道是否有可能以上述可组合方式执行此操作。组件 (x-editable-component) 只需要两个子组件，一个子组件在可编辑时显示，另一个子组件在不可编辑时显示。

需要明确的是，我希望灵活地将任何两个孩子编写为 x-editable-component 的孩子，所以也许在更远的地方我有一个这样编写的 x-editable 组件。

这可能吗？

我正在尝试创建一个简单的 Web 组件，其目的是显示消息几秒钟然后消失。我已经显示了前两个字符串，但是当我调用通知方法时没有任何反应：

我可以在浏览器上正确看到所有这些打印，但列表保持不变，没有任何反应。当我更改该列表的字符串并在调用通知方法时分配值时，UI 会刷新，但是当我使用此列表时，什么也没有。

浏览器没有显示任何错误，我从外部调用informar，从层次结构上的一个Web组件。

有什么提示吗？

我正在开发我的第一个 Dart 应用程序，已经完成了 Game of Darts 教程。我正在尝试创建一个语义命名的顶级菜单元素，该元素最终将在我的页面顶部显示导航菜单选项卡列表。我的 Dart 应用程序能够识别我的自定义元素并调用关联的构造函数。

但是，当我尝试在我的自定义元素中查询 UL 元素时，我得到了一个空引用。我需要 UL 参考才能将我的 LI 元素动态加载到菜单中。

问题 1：该元素是否应该在 DOM 中在构造函数运行时可见？

问题 2：如果还不可见，在自定义元素完全加载到 DOM 后，是否可以使用 Dart 事件来触发加载 LI 元素？

提前致谢！作为参考，这是我的自定义元素的来源：

topmenu-element.html

topmenu-element.dart

我想通过 dwc（Web UI 编译器）关闭 URL 重写。我通过 build.dart 运行 dwc。如何将 build.dart 中的参数传递给 dwc？

build.dart文件更改时由 Dart 编辑器运行。许多开发人员使用 build.dart 来编译他们的 Web UI 应用程序。Web UI 编译器完成后如何运行其他命令？

我的程序运行良好，直到有必要构建一个使用自定义 Web 组件的库。我不明白 Dart 在抱怨什么。它给出了一个警告，说它“无法解析 my_library”，这会导致错误“没有这种类型的 WebComponent”。我的尝试基于此。这是我的代码：

myapp.dart：

myapp.html：

fancyoption.dart（在同一个 web/out 目录中）：

花式选项.html：

我从生成点击计数器示例开始。我将点击计数器制作成一个库，然后将其导入到我的主文件中。可以通过在运行程序之前将适当的 HTML 放入网页中手动添加点击计数器组件。但是，我一直无法找到将点击计数器 Web 组件动态添加到 div 的方法。我的尝试要么以“噢，啪！”而告终。错误或根本没有发生任何事情。

点击计数器（xclickcounter.dart）：

主要的 HTML：

主文件：

我尝试向点击计数器添加一个空的构造函数，但它仍然崩溃。

我在将 web_ui 添加到现有的 dart 应用程序时遇到问题。我什至没有将任何 webui 特定代码添加到我的 html 文件中，我只是在尝试构建。

我将 web_ui 添加到 pubspec.yaml 并运行 pub install。

当我运行我的 build.dart 文件时，它会生成：

这就是我的 build.dart 文件的样子（它位于我项目的根目录中）：

另外值得注意的是，我尝试了他们自动生成的 webUI 示例，它可以工作，我只是无法将它添加到我现有的项目中。

编辑：

1. 是的，通常是 index.html，但没有区别。我确实尝试过改变它。我正在运行最新版本的 Dart M4。

2. 当我在 Dartium 中运行 mywebpage.html 时，我没有收到任何错误，但 {{dataValue}} 不会被其对应的数据替换。

3. Dart 编辑器版本 0.4.7_r21658 Dart SDK 版本 0.4.7.5_r21658

这就是我得到的所有信息，有趣的是 clipPath 并不意外，它正在关闭一个打开的 clipPath 标签：