問題タブ [polymer-2.x]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Polymer 2.0 と子への属性の受け渡し
Polymer 2.0 を使って Web Components をいじっています。
私が書きたい最後の HTML は次のようになります。
ご覧のとおり、サイズを最上位コンポーネントに渡しています。これらのカードの幅に耳を傾け、ヘッダー、ボディ、フッターのパディングを減らすつもりです。サイズが小さくなると、基本的にレスポンシブ要素になります。
どうすればよいか分からないのは、 size の属性値を取得して、card-header、card-body、およびcard-footerpolymer 宣言に渡すことです。
これが私が定義している方法ですcard：
そして、これが私が定義している方法ですcard-header
TL;DR: 親ノードの属性値を取得したり、Polymer で DOM の属性を更新せずに特定の子ノード (card-headerまたは)に値を渡したりするにはどうすればよいですか?card-bodycard-footer
polymer - Polymer2 のオンタップ イベントから呼び出されないメソッド
Polymer1で使用した
私のテンプレートで！これを Polymer2 コンポーネント (ES6 クラス構文) で使用すると、機能しません (イベントが呼び出されません)。
css - 外部スタイルを使用してカスタムPolymer要素の内部要素をスタイルする方法は?
Polymer 1.x または 2.x で Shadow DOM を使用して要素のスタイルを設定できません。Polymer 2.0 の次のカスタム要素を検討してください。
デモで:
.buttonおよびのデモで定義されたスタイルは、シャドウ要素には適用され.button.bigません。ただし、Polymer 1.x では、ShadyDOM を使用するとスタイルが適用されます。
外部スタイルを使用してこれらの内部要素を選択/スタイル設定する方法はありますか?
以下は、上で述べたことを出現順に視覚的に表現したものです。
- Shadow DOM を使用する Polymer 1.x
- ShadyDOM を使用した Polymer 1.x
- ポリマー 2.x
polymer - コンポーネントPolymer 2.0間のIDによるコンポーネントの取得
兄弟コンポーネント内のIDで別のコンポーネントを取得することは可能ですか? 例：
目的は、ajax が終了すると、進行を自動的に停止することです。コンポーネントの最終ユーザーは、進行を止めるために JavaScript を配置する必要はありません。
私はすでに試しましたが、成功しませんでした。