問題タブ [paper-dialog]

Polymer のペーパー ダイアログは Angular2 Dart で使用できますか? 私が見つけることができた唯一の議論は、ここでの質問でした。

コードをAngularコンポーネントに組み込んでみました。$['dialogArtist']ダイアログを開くのが好きではありませんでした。次に、新しいクラスを作成します

そこで$['dialogArtist]働いた。次に、フォームデータに問題がありました。ダイアログではなく、コンポーネントでそれを探し続けました。ダイアログ html はコンポーネント html と同じファイルにあるため、何らかの関係がある可能性があります。フォームをコメントアウトしたとき。ダイアログクラスの初期化子が見つからないという苦情がありました。Angular2 Dart コンポーネントから Polymer ペーパー ダイアログを開く例はありますか?

私が知る必要があるのは、ダイアログを開いてそこからデータを取得するためにコンポーネントに入れる必要があることだけだと思います。上記のリンクの例は、ダイアログ クラスに適していると思います。また、ダイアログのhtmlはどこに行きますか?

私の角度コンポーネントの関連部分:

私のポリマー成分：

index.html:

これは、ダイアログ ボックスの私の html です。コンポーネントhtmlと同じファイルにあります。

Polymer要素に紙のダイアログがあります。背景を不透明にしたいのですが、現在は半透明です。色も変えたいです。

誰もそれを行う方法を知っていますか。カスタム要素でこのCSSをすでに試しました：

しかし、それは効果がありませんでした。

私も試しました

Polymerが定義されていないため、私の問題はすでに質問されているものと同じですpaper-dialog.open()

私の輸入品には以下が含まれます

ダイアログ HTML セクション

コード

ここで私にとっては、機能の切り替えはありません。 open は、コードを介して、または html で直接動作しますdialog1.open()。

私が間違っていることは何ですか？

これがプランクです。

私の目標は、内にpaper-tabs+iron-pagesパターンを実装することpaper-dialogです。

2 番目のタブをクリックすると、タブ付きペインのコンテンツ ヘッダーに "Page 2" と表示され、その後に Lorem Ipsum のテキストが表示されるはずです。ただし、代わりに、2 番目のタブ付きペイン内にはコンテンツがありません。

私は何が欠けていますか？

ページに「紙ダイアログ」オブジェクトがあります。「dom-repeat」ループ内にない場合は、ボタンで切り替えることができます。でもループに入れると「this.$.dialog.toggle();」null を参照します。

と

ダイアログをループに入れた後、「this.$.dialog」が null になる理由は何ですか?

ユーザーがページを離れるたびに、確認を求める紙のダイアログを開こうとします。

ページが変更される前にcanLeavePageがトリガーされる場所。ただし、canLeavePage は paperDialog が閉じられるまで待機しません。

canLeavePage関数でpaperDialogの結果を待ってから続行できる場所はありますか?