shadow-dom

    1

    1答えて

    私は2つの要素からなる単純なポリマーアプリを持っています。最初の要素は、x-appで、要素の第2要素はx-です。 x-inner要素の中で、:hostに適用するスピンと呼ばれるキーフレームアニメーションを定義します。 xアプリ内では、同じアニメーション名をに適用しますが、キーフレームアニメーションは定義されていません。しかし、スピンアニメーションは両方の要素で機能します。 @keyframeは内側

    0

    1答えて

    paper-tabの内容に関することがあります。各タブに2行のコンテンツを表示するためにスタイルを設定する方法はありますか? 時間が経つと、私は2つを作成しましたdiv, then used :: shadow .tab-content to apply a flex-direction:column``しかし今は::shadowが推奨されていません...私はchromestatusプラットフォー

    2

    2答えて

    シャドウルートがポーリングなしで要素から削除されたときを検出する方法はありますか?私はv0とv1の両方のAPIでこれを行うことが可能かどうかを知りたいと思います。 v1 APIでは、ルートが閉じていても動作するはずです。

    0

    2答えて

    ご存知のとおり、Polymerは、多くの合理的な理由により、エスケープされていないHTMLのバインディングを禁止しています。 How to inject HTML into a template with polymer How to display html inside template? しかし私のプロジェクトでは、外部ソースからHTMLを適用するための要件でした。 コンポーネントは<エコー

    0

    2答えて

    のクラスとカスタム要素を含むmy-mixins.htmlと呼ばれる:(それはになっていたように)--redが働いている間 <link rel="import" href="bower_components/my-mixins/my-mixins.html"> <link rel="import" href="../polymer/polymer.html"> <dom-module is=

    2

    1答えて

    私は現在のページ(プロジェクトごとの要件として)内に他の角度(1.x)アプリケーションをロードするアプリケーションを開発しています。私はshadow DOMのコンセプトを使ってそれを達成しようとしています(これはiframeを使って行うことができますが、より良いアプローチを探しています)。他のアプリは、私が言及したdiv要素にロードされ <div id="template-holder"></di

    1

    1答えて

    私は現在のページに他のHTML Webページをロードするアプリケーションで作業しています。他のウェブページは独立したアプリケーションです。私は影のDOMでWebページを読み込もうとしています。そのために私はshadowRootでtest-template.htmlをインポートしようとする以下のコードを使用しました。私はテンプレートを動的にレンダリングしなければならないので、ここではテンプレートタグ

    0

    1答えて

    v1シャドウルーツでは、slotchangeを<slot>要素にリッスンし、次にslot.assignedNodes()を使用して変更を検出できます。私はv0のシャドウルーツでそれを行う方法を探しています。 ShadowDOM v0では、シャドウルートの<content>要素の分散ノードの変更を観察する方法はありますか? ​​を使用して新しい結果を古い結果と比較するためにcontent.getDi

    4

    1答えて

    を使用して、私は @Component({ selector: 'my-component', template: ` <my-nested-component [state]="state"></my-nested-component> `, encapsulation: ViewEncapsulation.Native }) export

    0

    1答えて

    これは私のアプリのすべてのページは明らかにrouter-後に表示される自分のapp.component.html <header> <cm-main-navigation></cm-main-navigation> </header> <router-outlet></router-outlet> <footer> <cm-footer></cm-footer> </f