問題タブ [paper-elements]
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.
polymer - ペーパーアイテムテキストのセンタリング
Polymer は初めてで、要素のテキストを中央に配置できません。メニュー項目を表すこのコードがあります
機能しますflex
が、センターは機能しません。
多分私はCSSでこれを行う必要がありますか?しかし、これらの要素を中央に配置するには、CSS に何を配置すればよいでしょうか?
polymer - core-scaffold のページごとに異なるツールバー
現在、基本的なアプリ構造に core-scaffold を使用しています。ただし、ページごとに異なるツールバーが必要です。私はこれに似た何かをしたい:
ただし、これはできません。これは、core-scaffold の直接の子ではないためです。タイトルを変更するためにデータバインディングを追加できることはわかっていますが、別のボタンなどを追加すると複雑になります。ツールバーに。
dart - paper-input 要素の大文字小文字の変更
次の紙入力要素があります
element のラベルのデフォルトのフォントは、paper-element コアによって決定される大文字と黒 (通常) です。
ケースを小文字に変更したり、文をケースなどに変更したり、色を変更したりするにはどうすればよいですか。
ありがとう
dart - 紙のダイアログが自動的に閉じないようにする
こんにちは:
ページにpaper-dialog
要素があります:
paper-button
クリックを処理するイベントリスナーがあります。
event.preventDefault()
私が望むのは、場合によっては、ダイアログが閉じるのを防ぐことができるようにするために、event.stopImmediatePropagation()
、を試しましevent.stopPropagation()
たが、成功しませんでした。
前もって感謝します。
polymer - ポリマーコア足場要素がコアページ内に表示されない
私はポリマーのコア足場要素で遊んでいて、とても気に入っています。ただし、私が開発している特定のアプリでは、core-scaffold をアプリ全体の最上位のレイアウト要素にすることはできません。メイン アプリケーション ツールバーを常に表示する必要があり、最初のページは scaffold レイアウトによって制御されません。つまり、scaffold-element はメインのレイアウト要素ですが、アプリケーションのサブページ/サブ要素の 1 つだけです。これを達成するために、コアページまたはコアアニメーションページを介して足場制御のポリマー要素を選択できるようにしようとしています (簡単にするためにコアページから始めて、一度コアアニメーションページに移行します)。それがどのように機能するかを理解してください)。コアページ内にない場合、足場要素は問題なく読み込まれます。でも、コア ページ内で使用して選択すると、メイン アプリケーション ツールバーは表示されますが、足場要素は表示されません (Chrome コンソールでエラーは発生しません)。つまり、アプリのメイン ツールバーの下に空のディスプレイが表示されます。誰でもこれに光を当てることができますか?おそらくある種のスタイリングの問題ですか?
以下は、問題を示すために要点だけを取り除いた高レベルのアプリ要素コードです (インポートは含まれていません)。
そして、完全を期すために、scaffold-element のコードをその本質的な部分 (インポートも除く) まで取り除いたものを以下に示します。
コアページ内で足場要素を使用する際に問題に遭遇した人はいますか? 繰り返しになりますが、scaffold 要素は、コア ページの外側に読み込まれると、それ自体で完全に正常に読み込まれます。
更新しました:
完全を期し、このシナリオに関連するすべての CSS スタイルを表示するために、高レベルのアプリ要素自体をインポートするインデックス ページを次に示します。フルブリードの使用に注意してください。
data-binding - Polymer を使用した双方向データバインディングでオブジェクトの状態を管理/制御するためのベスト プラクティス
この説明をもう一度試してみましょう...
私はポリマーを初めて使用します (そして、比較的長い間不在だった後、Web 開発に戻ってきました)。2 方向のデータバインディングを採用しながら、オブジェクトの状態をより厳密に管理するための推奨されるアプローチは何か疑問に思っています。現在、残りの API (json) オブジェクトを使用しています。私の質問は、バインドされたオブジェクトのプロパティ/属性の更新を開始する前に、ポリマーが元のオブジェクトのコピーを保持するかどうかです...変更を簡単に元に戻すことができるでしょうか? 2 方向のデータ バインディングを魔法のように機能させることがしばしば望まれますが、ユーザーが変更を承認するまでオブジェクト / DOM への変更を防止 / 遅延させたい場合があります (たとえば、紙のダイアログ コンポーネントを介してなど)。オブジェクトの一時コピーを作成し、フィールドをそのバージョンにバインドできると思います。ユーザーの承認があった場合にのみ、変更をソース オブジェクトに戻します。いずれにせよ、考えを聞いて、推奨されるアプローチの例を 1 つまたは 2 つ見てみたいと思います (特に、自分のアイデアから外れている場合は!)。