如何删除并再次导入聚合物中的链接?

时间:2017-08-26 06:24:19

标签: javascript polymer polymer-1.0 progressive-web-apps

我正在使用聚合物导入新页面,因为我们将点击按钮链接将导入并显示为对话框。我在对话框中有关闭按钮(在导入页面),因为页面将导入一些函数将从聚合物初始化执行。当我点击关闭按钮时,应该删除导入的链接,对话框将隐藏,如果我点击这样相同的链接应该导入。所以我的问题是如何从聚合物功能导入和删除链接?这是我的导入链接代码



<template is="dom-if" if="{{editDialogShow}}">
    <div id="editModal">
      <edit-product>
      <link rel="import" href="/edit-product.html">
      </edit-product>
    </div>
</template>
&#13;
&#13;
&#13;

这里好像是真的,它导入链接,导入的链接都有这样的聚合物内容。

&#13;
&#13;
<div id="edit">
  <paper-button on-tap='hideModal'>
  </paper-button>
  <span> some data will be here </span>
</div>
&#13;
&#13;
&#13;

hideModal的功能

&#13;
&#13;
hideModal: function(){
    document.getElementById("edit").remove=true;
    document.getElementById("editProductModal").style.display="none";;
},
&#13;
&#13;
&#13;

抱歉写不好,我第一次使用聚合物时请给我一些想法。如果您需要更多信息,请认识我。

1 个答案:

答案 0 :(得分:0)

  

我第一次使用聚合物

您需要更好地使用Polymer 2.0,因为聚合物1.0使用webcomponents v0,仅在chrome中,现在已弃用。 Polymer 2.0正在使用webcomponents v1,这是全球社区和其他浏览器都可以接受的。

您可能需要使用聚合物路由https://www.polymer-project.org/2.0/toolbox/routing。更好地使用默认机制,已经有很多开发人员测试过了)