Question

我想知道是否或如何组合Rikulo UXL模板 - 即使有可能。

为了简单起见，我将UXL Overview网页上的ScrollViewDemo和LoginDemo作为实验。我的目标是在Dart中看到类似的东西（当然你不能这样做）。

index.dart

   <body>
     <style> ... </style>

     <script src="ScrollViewDemo.dart"  type="application/dart" ></script>
     <script src="SignInDemo.dart"      type="application/dart" ></script>

     <script src="packages/browser/dart.js"></script>
     </body>
   </html>

在Dart中，每个文档只允许一个dart脚本。

所以我正在寻找的是如上所示的Rikulo标记方式。

我们可以这样做吗？

Answer 1

有一些选项可以在文档中添加视图树。有关详细信息，请参阅addToDocument。

例如，HTML页面中可以有两个不同的DIV：

<body>
  <div id="scrollView" class="scrollView"></div>
  <div id="signinView" class="signinView"></div>

然后，您可以使用您喜欢的目标元素调用addToDocument：

scrollView.addToDocument(node: document.query("#scrollView"));

然后，其他程序可以将登录视图添加到#signinView。

只要它们合作，您就可以在同一页面上运行多个飞镖程序，例如如图所示驻留分离的DIV块。唯一的问题是，每个飞镖程序都将编译成一个单独的JS文件，结果大小将大于将它们全部放在同一个程序中。

你能结合Rikulo UXL模板/视图吗？

index.dart

1 个答案: