问题标签 [dart-webui]

我正在使用 dart 和 web_ui 构建一个 Web 应用程序。

在我添加 web_ui pub 之前一切正常，现在，当我尝试运行 build.dart 文件时出现错误：

这是什么意思？

据我了解，这意味着在某处有一个名为“AttributeName”类的“name”实例正在扩展“String”类。

我搜索了我的整个项目，没有一个名为“AttributeName”的类，也没有一个“name”的实例。

我有最新的 Dart 编辑器和 SDK：

编辑：这是我的 build.dart 文件：

另外，我更新了所有的酒吧

你如何使用 Dart 对浏览器支持进行功能测试？在 Javascript 中测试的常见事物。不幸的是，它仍然是必要的邪恶。

例如，如果浏览器支持“XMLHttpRequestUpload”，您如何编写测试，以便您可以回退到支持的功能？

此外，您如何测试“FileReader”、“Worker”、“ArrayBuffer”、“DataView”、“Uint8Array”、“Float32Array”……？

在 Javascript 中，您可以测试对象是否在全局命名空间（Window 等）中可用。

In the Dart Web UI package, it is possible to create bindings using the {{}} or bind-value syntax. Is this also possible, when DOM elements are created in code?

Something like

and

binding an event to str, without manually piecing the strings together?

Note: this question was asked earlier today, but was deleted before it was answered, but I wanted to know the answer, so I'm reposting it.

我在使用 dart 的 web ui 包时遇到了一些问题。

首先，我看到 web ui 没有解释 html 标签。是否不能使用例如<br />标签在 html 中的 div 或 span 元素中注入 html 代码？

编辑：

我的 html 文档中有这个：

这在我的飞镖文件中：

通过“inject” inment 将字符串放入html 文档中dataValue的 placeholder( ) 中。{{dataValue}}我的问题是我能以某种方式将此字符串解释为 html 吗？现在它将<br />标签显示为常规文本，而不是将其解释为 html 换行符。

我在使用 webUI 时遇到了样式问题。

当我注入我的 dataValues 时，我的设计被打破了。

在我的具体情况下，我的菜单显示不正确。从我所见，看起来{{dataValue}}初始字符串长度为 0，并且在 webUI 完成注入之前应用了 html 和 css。

所以现在当我放我的字符串时，它看起来像是用错误的长度计算的。

在调试时，当我重新编辑 css 文件时（我不更改宽度：100% 我只是重新编辑并保存，以便重新应用 css），然后它看起来很好。

我尝试使用（来自飞镖文件）：

但这似乎都不起作用。

所以基本上我认为我可以通过重新加载/重新应用 css 来解决这个问题。任何人都知道如何实现这一目标？

编辑：它是什么 {{datavalue}} ？..把我的字符串.... <- 什么字符串？..错误的长度.. <-有什么问题吗？如果您在 Dart 编辑器中“以 Javascript 运行”并仅从硬盘运行 HTML 文件 - 是否有效？CSS 样式是否正确显示？在哪个浏览器中？

• {{dataValue}} 是 Darts webUI 的符号。
• 我的字符串是一系列常规字符 - 例如"Word"
• Dart 将 {{dataValue}} 解释为长度为 0 的字符串。当我使用 webUI“注入”我的字符串时，css 的应用就像长度为 0 一样。所以现在，我可以看到不应该有任何换行符的地方。width=100% 不会重新应用新的字符串长度。
• Javascript 或 Dartium 没有区别。
• 我正在使用铬。

编辑2：

是的，dataValue有初始值，仍然打破设计。

这是代码：

在 .dart 文件中，我只是将值分配给 Strings theFlow，connect等business，然后调用watcher.dispatch();

这是在 CSS 文件中：

为 web_ui 应用程序生成的示例内容在 web 文件夹中添加了 xclickcounter.dart 和 xclickcounter.html。这是一个应用程序包。

我如何将这些添加到 lib 文件夹中以用作其他包将依赖的包？可能吗？

我将构建具有许多不同视图的复杂应用程序。想象一下例如 eshop 解决方案。可以有很多不同的观点：

• 包含一些静态信息的联系页面
• 新客户登记表
• 查看您的订单
• 商品一览
• 有关产品的详细信息
• ...

现在我有点困惑，如何使用 Web UI 构建如此复杂的应用程序。我希望将视图的 HTML 模板分隔在多个文件中，并有一些逻辑来确定应该呈现哪一个。

假设我想要一个包含页眉和页脚等基本内容的主模板，那么我有很多内容模板，这些模板应该被注入到主模板内的正确位置。

到目前为止，我一直只看到使用 Dart Web UI 的小型单模板示例，所以我不知道如何实现这一点。

这两个库，watcher.dart似乎observe.dart提供了非常相似的功能。为什么它们都是web_ui包装的一部分？

我可以直接使用和包含它们，还是仅通过包含web_ui.dart库？

我试图将其包含observe.dart在我的项目中，但它破坏了单向和双向数据绑定。这种行为有什么理由吗？

目前我通过相对路径从包中导入组件：

但是，当我开始嵌套包时，这不再正常工作。我设置了一个小例子，可以在这里找到：https ://github.com/nikgraf/nesting-components

当我尝试构建包应用程序时，我收到此错误消息：

当前结构：

应用程序 - 依赖项：PackageA

PackageA - 依赖项：PackageB

一些可能有帮助的背景信息：我的应用程序包含包 A 中的 x-login 组件，我们构建的几个 Dart 应用程序使用该组件。x-login 组件和一般包 A 包含我们应用程序的特定代码。x-login 应该能够使用包 B 中的 x-button 组件。包 B 是一个包含我们要发布的通用组件的包。

您对以不同方式构建我的应用程序或如何以更好的方式导入组件有任何建议吗？

Web UI Dart入门教程显示了此图像：

...但我在最新的 Dart 编辑器（版本 0.5.0_r21823）中没有看到“Web 应用程序（使用 web_ui 库）”选项。教程是否已过时，还是我需要做一些特别的事情才能将 web_ui 向导包含在编辑器中？

编辑：也许这是一个仅限 Linux 的问题？我正在使用 Ubuntu 12.04。这是我的编辑器的屏幕截图。