【问题标题】:How to build a paper-element app with dart?如何用 dart 构建一个纸元素应用程序?
【发布时间】:2014-09-20 15:11:54
【问题描述】:

我想使用材料设计在 Dart 中构建一个大型应用程序。为了实现这一点,我将 paper_elements 包含在我的项目中。我的问题是,我想不出用 paper_elements 构建多页应用程序的好方法。通常我创建的对象会内联创建它们的元素并将它们自己添加/删除到 dom 中。到目前为止,我对 paper_element 教程的理解对他们来说是不可能的。

有没有一种简单的方法可以在 dart 中使用 paper_elements 同时具有基于对象的结构?例如,我的应用程序会加载注册或登录对象并将其显示在浏览器中。登录时,它应该加载一个显示菜单等的菜单对象。所有页面更改都应该在没有页面重新加载的情况下发生。

我期待您提供有关我的问题的所有帮助、示例或链接。

干杯, 蒂姆

【问题讨论】:

    标签: model-view-controller dart material-design paper-elements


    【解决方案1】:

    在 Dart 中,您通常将应用程序构建为 SPA(单页应用程序)而无需重新加载。 您可以添加删除 paper-element 像普通 DOM 元素(div,输入,...)querySelector('#placeholder').append(new Element.tag('paper-input')); 您还可以使用 <template if="{{}}"><template repeat="{{}}"> 使 Polymer 在满足某些条件时或为集合中的每个值自动插入这些元素。

    您的问题不是很具体,但我想您所需要的一切都已在 SO 作为 Q/A 提供。只需搜索[dart-polymer]。如果您没有找到任何东西,请询问,我们会为您指明正确的方向。

    一些可能相关的

    【讨论】:

    • 感谢您的回答。这听起来像是对我有用的解决方案。我试图为我的项目实现这一点,但偶然发现了一个问题:元素将被正确添加(即 在我的 initPolymer().run(() {Polymer.onReady. then((_){... 方法,但不会在 dom 中呈现为纸质元素。html 文件包含以下内容:
    • 在入口页面不需要this import <link rel="import" href="packages/polymer/polymer.html">,只需要在你自己的Polymer元素的HTML文件中。您需要为每个要使用的纸张元素导入一个文件。
    • 感谢您的帮助,这很好地解决了我的问题!最后一个问题,我有一个名为“注册卡”的定制聚合物元素。它由一个包含两个纸张输入元素的 div 元素组成。当我导入我的自定义元素时,它将在 dom 中看起来像这样: 但是我添加到 dom 的 元素保持为空(没有任何影子节点)
    • 我在您的 register-card 定义中缺少脚本标记。您需要添加包含关联类或 noscript 属性(如 <polymer-elment name='register-card' noscript>)的 <script type='application/dart'>(内联或指向 *.dart 文件的链接)。如果这不能解决您的问题,最好创建一个新问题。由于缺少格式选项和有限的大小,在 cmets 中讨论代码很糟糕。
    • 谢谢。你真的帮了我很多!
    猜你喜欢
    • 1970-01-01
    • 2013-11-26
    • 2015-03-31
    • 1970-01-01
    • 1970-01-01
    • 2013-11-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多