Tag: shadow-dom
Mit Shadow-DOM, einem wichtigen Bestandteil von Webkomponenten, können Sie komponentenbasierte Apps mithilfe einer Teilstruktur von DOM-Elementen erstellen, die isoliert vom Haupt-DOM verwaltet werden.
2
Antworten
Nutze ich DISQUS in meinem polymer-Website, bekam ich diese Fehlermeldung über drei Hunderte,und ich habe polymer-project.org ,es hatte das gleiche problem. POST https://localhost:26143/skypectoc/v1/pnr/parse net::ERR_CONNECTION_REFUSED polymer-project.org Website: meine Website:: und es gibt über dreihundert Anfragen! Benutze ich disqus-commnets
1
Antworten
Habe ich einige custom-element erstellt mit Polymer. Nennen wir Sie " x-Eingang, und es sieht wie folgt aus: <polymer-element name="x-input" attributes="name"> <template> <input type="text" value={{name}}> <span>{{name}}</span> <br /> <input type="range" value={{age}} > <span>{{age}}</span> </template> </polymer-element> Und ich
2
Antworten
Ich bin auf der Suche nach einem Weg, um Zugriff auf ein Attribut auf ein Polymer, das custom-element aus dem DOM oder zum senden von Daten von Polymer.registrieren Sie sich in der DOM. Diese wirklich einfache element
7
Antworten
Arbeite ich an ein Automatisierungs-Projekt, das verwendet shadow-dom ausgiebig. Also jedes mal mit execute_script-Funktion Zugriff auf die shadow-root zB. root = driver.execute_script('return document.querySelector(".flex.vertical.layout").shadowRoot') Dann verwenden Sie den root-Zugriff auf die Elemente innerhalb. Da haben wir Schatten Wurzeln
1
Antworten
Wenn eine Komponente gerendert wird, wird der Inhalt ignoriert wird, zum Beispiel: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: '<div>{{title}}</div>', }) export class AppComponent { title = 'app works!'; } Es: <app-root>Ignored content</app-root> Macht:
8
Antworten
Ist es möglich, den Zugriff auf Elemente innerhalb eines Shadow DOM mit Selen/Chrom webdriver? Über die normale element-Methoden suchen, funktioniert nicht, wie zu erwarten. Ich habe gesehen, Verweise auf die switchToSubTree Spezifikation w3c, konnte Sie aber nicht
1
Antworten
Ist dies unmöglich zu Google, weil für jeden Artikel reden, die :before und :after pseudo-Elemente scheint das Wort 'Inhalt'. Ich hörte es in diese CSS-Tricks, Artikel, die erklären, wie die Umsetzung einer image slider, die als ein
1
Antworten
Muss ich Elemente aus dem Schatten von DOM und ändern Sie es. Wie kann ich es tun? <div> <input type="range" min="100 $" max="3000 $"> </div> Ich versuche .getElementById Ich denke element.shadowRoot stellt die jüngste shadow root gehostet
2
Antworten
Ich bin erkunden die Importe, templates, shadow DOM und benutzerdefinierte Elemente in Chrome Canary (33.0.1712.3). In einem grid-layout habe ich ein bestimmtes content-element (eine region der Anzeige), die zeigt verschiedene web-Komponenten oder geklont, Licht-DOM-Fragmente aus Dateien importieren.
3
Antworten
Angenommen ich habe zwei verschiedene polymer-elements Man sollte eingebettet werden in den anderen mit der content Platzhalter. Ist es möglich zu tun, Daten-Bindung zwischen diesen zwei geschachtelte polymer-elements ? Habe ich versucht, aber ich kann nicht ankommen
2
Antworten
Wie kann ich wählen Sie die Knoten im shadow DOM? Betrachten Sie das folgende Beispiel: Struktur von "unshadowed" DOM <app-element> #shadow-root <h2></h2> <content> #outside shadow <h2></h2> </content> <ui-button> #shadow-root <h2></h2> </ui-button> </app-element> index.html <body> <app-element> <!-- OK:
2
Antworten
Diese Frage ist mehr richtet sich an user-erstellten shadow-DOM-Elemente, aber für die Erreichbarkeit, werde ich das date Eingabe-Typ für diese Frage: Sagen, ich habe zum Beispiel eine date input auf meiner Seite. Mit ein paar Stückchen herausgeschnitten,
4
Antworten
Definierte ich eine Komponente mit polymer wie diese: <polymer-element name="my-component"> <template> <div id='test'>CONTENT</div> </template> </polymer-element> Nun will ich den Zugriff auf die shadow-dom, zum Beispiel: um den Inhalt des div id='test' var x = $("div#test").html(); Dem gegebenen
2
Antworten
Ich versuche, Papier-tabs in der neuen element (tabs-Liste), aber nach dem drucken tabs die ich nicht benutzen kann querySelector ändern ausgewählt. - Element-code (ohne Stil): <link rel="import" href="../components/polymer/polymer.html"> <link rel="import" href="../sprint-service/sprint-service.html"> <link rel="import" href="../components/paper-tabs/paper-tabs.html"> <polymer-element name="tab-list" attributes="show">
1
Antworten
Ich bin momentan dabei ein polymer-element. Ich habe die Vorlage und arbeite jetzt auf das Skript. Für einige Grund-Dokument.querySelector ist die Rückgabe null für beide Klassen-und id-Selektoren. Nicht sicher, ob dies funktioniert nicht mit polymer (kein Grund,
2
Antworten
Ich will immer zeigen, up/down Pfeile für die Eingabe "Anzahl" - Feld. Ist das möglich? So weit ich haven ' T hatte kein Glück,... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML: <input type="number" /> CSS: input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down
3
Antworten
Ist für die Implementierung der Shadow-DOM in meinen Projekten wird Sie schneller wie der virtuelle DOM, der von Reagieren? InformationsquelleAutor der Frage Hmoo_oomH | 2016-03-15
7
Antworten
Arbeite ich an einem LoginComponent im Winkel 2, dass sollte "restyle" die html und body - tags, so kann ich in ein Hintergrundbild für das jeweilige login-Seite. Aber nur das hinzufügen einer Formatvorlage für die html, body
1
Antworten
Was bedeutet die Eckige 2 verwenden Sie zum aktualisieren der DOM. Ist es Shadow DOM oder Virtuellen DOM ? Gab es einen solchen Begriff im Winkel 1? InformationsquelleAutor der Frage Shivanka | 2016-09-28
1
Antworten
In der Suche, bei der Polymer -, sehe ich den folgenden CSS-Selektor in den Stile tab von Chrome 37 developer tools: Ich habe auch gesehen, wie ein Selektor, der mit dem pseudo-Selektor ::shadow. Also, was tun /deep/