2017-08-26 1 views
0

Ich importiere eine neue Seite mit Polymer, wie wir klicken werden Button Link wird importieren und als Dialog angezeigt. Ich habe Schließen-Schaltfläche im Dialogfeld (auf der importierten Seite), als Seite wird eine Funktion importieren wird von der Polymer-Initialisierung ausgeführt werden. Wenn ich auf den Schließen-Button klicke, sollte der importierte Link entfernt werden und der Dialog wird ausgeblendet, wenn ich erneut klicke, sollte der gleiche Link importiert werden. Also meine Frage ist, wie kann ich Link von der Polymerfunktion importieren und entfernen? Hier ist mein Code für den Import LinkWie zu entfernen und wieder importieren Link in Polymer?

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

hier als ob Willen wahr, es Link importieren, importiert Link haben Polymergehalt wie diese.

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

Funktion für hideModal

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

Es tut uns schlecht schreiben, ich zum ersten Mal Polymer eine Idee bitte darüber geben mir bin mit. Wenn Sie weitere Informationen benötigen, kennen Sie mich bitte.

+0

Meinten Sie Import beim ersten Mal und verstecken/zeigen danach? – Ofisora

+0

Sobald Sie eine Datei importieren, wird sie in der aktuellen Sitzung zwischengespeichert. Es gibt keine Möglichkeit, geladene Dateien aus dem Browser zu entfernen. Sogar das war irgendwie möglich, warum der Hack das willst? es würde nur die Ladezeit verlangsamen –

Antwort

0

ersten Mal bin ich mit Polymer

Sie besser brauchen Polymer 2.0 verwenden, da der Polymer 1,0 Verwendung WebComponents v0, dh nur in Chrom, und jetzt ist veraltet. Polymer 2.0 verwendet Webkomponenten v1, die von der weltweiten Community und anderen Browsern akzeptiert werden.

Wahrscheinlich müssen Sie Polymer-Routing https://www.polymer-project.org/2.0/toolbox/routing verwenden. Bessere Verwendung Standard-Mechanismus, der von vielen Entwicklern getestet wurde)

Verwandte Themen