如何将Dart代码文件与HTML页面绑定?

时间:2019-01-09 01:59:09

标签: dart

我最近一直在与Dart玩耍,发现使用它是一种非常令人安慰的语言。我尝试使用具有三个页面(登录,仪表板和配置文件)的纯Dart(没有类似AngularDart的框架)来构建一个简单的Web应用。

我通过修改stagehand命令(web-simple)提供的index.html来放置登录页面,所以没有什么错,因为main.dart将立即绑定到index.html,并且我可以在直接通过main.dart登录页面(index.html)。

我不明白的是如何用飞镖代码绑定其他页面。我想通过Dart编辑或添加一些交互性,但不知道如何将这些代码与index.html之外的其他html页面绑定。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

不一定是 main.dart 绑定到index.html模板,而是<script defer src="main.dart.js"></script>中的<head>加载已编译的 main.dart 文件。您可以将脚本声明复制到其他html页面。

或者,您可以使用dart2js工具为其他页面编译其他dart文件:

$ dart2js -O2 -o page-2.js page-2.dart

以及第2页的<head>

<script defer src="page-2.js"></script>

此处有更多详细信息:https://webdev.dartlang.org/tools/dart2js