问题标签 [dart-webui]

在开发了基于 Dart 的 Web 应用程序的 alpha 版本之后，我有兴趣测试我的应用程序的 Dart2js 部署潜力。但是，似乎没有一种“干净”的方式来创建应用程序的 JS 部署版本 - dart2js 代码将内容输出到 out 目录，但那里也有其他 Dart 内容。似乎事情引用回到了 web 父目录，然后是所有的包引用。我想把所有的东西都复制到一个单独的目录中，但这似乎不起作用。

有没有一种干净的方法来创建一个 Dart 应用程序的 Javascript 版本的部署？

提前致谢，

-D

我是谷歌飞镖的新手，现在已经尝试学习了一天。一般来说，我对编程很陌生，我正在尝试阅读文档；然而，我觉得有点不知所措。

我想知道在这里键为空格键创建交互的最合适方法。当按下空格键时，它会在函数 void startwatch() 、 void resetwatch() 之间切换

我相信这是正确的文档页面，也是keyboardEventController 的文档

需要任何进一步的信息，我会立即回复。非常感谢您的帮助。

我了解 dart webui 和<template>项目的限制。

IE：因此可以绕过此限制以使用表格模板：

然而。当表格应该有多个tbody部分时，应该如何使用模板（例如：http: //jsfiddle.net/umRJr/）

IE：

因为我们想要类似的东西

?

我有一个Login具有LoginState字段的 web 组件。我想传入一个LoginState实例，该实例可能在代码的其他部分中设置，并Login在创建方法之前/期间将其添加到实例中。

这可能吗？如果没有，我的替代方案是什么？我能想到的唯一另一个方法是使用一个全局变量来保存LoginState实例并引用它，这似乎不是一个好主意。

我想在一个库中定义多个 Web Web 组件。像这样：

然后在这样的 html 文件中使用它们：

当我试图运行这个程序时，我得到：

在类“Component1”中未声明构造函数“Component1.forElement”。

我的问题：

有没有办法将多个 Web 组件类放入一个库中？因为现在看起来每个 Web 组件类都必须在自己的库中定义。

我正在开发一个 Dart 项目，在该项目中，我使用具有一些动画的 Web_ui 包创建了一个自定义元素。我希望做的是在元素的飞镖代码中包含这样的东西......

然后在飞镖应用程序本身的 main() 函数中，我有这样的东西......

Dart 编辑器告诉我，目前不支持直接构建 Web 组件。然后它说使用 WebComponent.forElement - 但我不清楚如何使用它来实现我的目标。

我有一个这样的 Dart Web UI 类：

我正在这样使用它：

但是，当我运行该应用程序时，我得到一个 NoSuchMethodError，因为它找不到loggedin=

如何在 Web UI 类中设置驼峰式属性名称？

我不知道如何使用@observable 注释/Observable 类在对象状态发生变化时获得简单的通知。

如果可能的话，我想在没有 web-ui 其余部分的情况下使用 observables（作为骨干网的替代品）。

在Target 8: Define a Custom DOM Tag中，向读者介绍了可以通过扩展其他标签来创建的自定义 DOM 标签。在将文件列为“这些文件实现应用程序：”之前，描述了一个名为“x-converter”的示例的示例。

这三个文件是...

• 一个drseuss.html文件（不知道为什么项目名称和 HTML 文件突然出现偏差，而不是之前教程中的匹配名称......），
• 一个converter-element.html文件，
• 和一个convertercomponent.dart文件。

我尝试在最新的 Dart 编辑器中创建一个新的应用程序，并将默认的 HTML 文件内容替换为 drseuss.html 的内容，将默认的 dart 文件内容替换为 convertercomponent.dart 的内容，并添加了 converter-element.html 文件。

修复包含问题后（教程中的文件指的是 drseuss.css 而不是默认项目名称的 CSS 文件），我只在 Chromium 浏览器中看到以下内容。

如您所见，教程中描述的元素（converter-element）没有出现。 为什么为项目提供的文件不符合教程中显示的内容？

作为参考，这是教程中显示的内容。

所以我让一些 Dart 项目正常工作。但是当我尝试使用 web-ui 时，没有任何效果。我导入了我想的东西，有什么问题？

所以这里是代码（它是一个从 git 中获取的例子）。

项目.html：

项目飞镖：

当我启动项目时，我的测试消息出现了，但是 web ui 不起作用，我得到了这个：{{ sayThis.length }} 以文本形式显示。