2017-08-26 30 views
0

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

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

这里仿佛真正的意愿,将其导入链接,链接的进口有这样的聚合物含量。

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

功能hideModal

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

对不起,我写不好,我第一次使用聚合物请给我一些关于它的主意。如果您需要更多信息,请告诉我。

+0

你是不是第一次导入并隐藏/显示之后呢? – Ofisora

+0

一旦你导入了一些文件,它将被缓存在当前会话中。没有办法,如何从浏览器中删除加载的文件。即使这是可能的,为什么黑客你会想要这样?它只会减慢加载时间 –

回答

0

我第一次使用,因为聚合物1.0使用webcomponents V0的聚合物

你需要更好的使用聚合物2.0,即仅适用于Chrome,现在已经过时了。 聚合物2.0使用webcomponents v1,这是全球社区和其他浏览器可以接受的。

可能您需要使用聚合物路线https://www.polymer-project.org/2.0/toolbox/routing。更好的使用默认机制,这已经被很多开发者测试过)