2017-08-26 7 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を使用して、より良い必要性高分子

を使用していますが、それは推奨されません今はクロムである、と。 Polymer 2.0は、Webコンポーネントv1を使用しています。これは、世界中のコミュニティや他のブラウザで受け入れられています。

おそらくポリマー経路https://www.polymer-project.org/2.0/toolbox/routingを使用する必要があります。より多くの開発者によってテストされているデフォルトのメカニズムを使用することをお勧めします)

関連する問題