問題タブ [paper-elements]

私はPaperInputを使用していますが、その感触が気に入っています。しかし、独自のロジックを使用して検証を行う方法はありますか? たとえば、表示したいエラーを特定するのにパターン マッチだけでは不十分な場合があります。例として、PaperInputで 1 回だけ追加できるアイテムを指定するようにします。そのため、検証では一部のモデル マップでルックアップが行われ、input.inputValueが存在しない場合は有効であり、そうでない場合は無効です。

したがって、バリデーションが無効な場合にbool aliasIsValid()を実装して@observable String aliasErrorを設定できるようにしたいと考えています。これがどのように機能するかはわかりませんが、これを達成する方法はありますか？

Polymer 紙の入力要素を Angular 変数にバインドしようとしていますが、次の例外が発生します。

HTML ページ:

Dart コード:

Yaml ファイル:

ここで何がうまくいかないのですか？

paper-shadow を使用しようとしています。

一番下のボックスには影がありますが (CSS だけです)、青と黒の枠で囲まれたボックスには紙の影を使用しようとしています。..運がない..

あるセクションから別のセクションへのコアアニメーションの切り替え中に影が見えますが、アニメーションが終了するとすぐに影が消えます.

さらに、私の緑色の境界線の紙のボタンである作成とキャンセルは、常にすべての上にあるようです。私の知る限り、z-indexを設定していませんか??

それらは黒い縁取りのカードの下に隠されているはずです。

コードはここにあります

青いマークのボックス または 黒いマークのボックス UPDATE: 簡単な例

web/toolt/index.html を実行し、移行の作成をクリックしてからテーブルを作成します

これはおそらく簡単に解決できる問題です。紙のダイアログを切り替えるときに、ホスト要素 (つまり、紙のダイアログ自体ではないもの) の不透明度を設定する方法を探しています。つまり、ダイアログ ポップアップの周囲の背景をぼかします。これは、私が達成しようとしていることを示すポリマー関数です。設定this.style.opacityにより、searchDialog の不透明度も変更されます。私が望んでいたものではありませんが、紙ダイアログのインスタンスが「これ」に属しているため、驚くべきことではありません（「これ」は親ポリマー要素です）。searchDialog の不透明度を独自に設定することはできますが ( this.$.searchDialog.style.opacity)、親要素よりも高い不透明度値 (低い値のみ) は許可されません。

基本的に、紙のダイアログを強調して、ユーザーが背景にあるものに気を取られるのを防ごうとしています。ダイアログを閉じる (またはダイアログの外側をタップする) と、通常の不透明度の値が返されます。助言がありますか？おわかりのように...私は CSS の専門家ではなく、まだポリマーを初めて使用しています。

正常に表示される紙のドロップダウン メニューがあります。しかし、下の図に示すように背景色を変更したいと思います

以下を試してみましたが、背景には影響しませんでした。

Dart のタブ内に「ページ」を読み込もうとしていますが、適切に設定できないようです。以下の例には、各ページにテキスト入力を表示するはずのページがありますが、ページはタブ内にあります。タブ内でこれらのページを適切に設定する方法がわかりません。これまでのところ、次の例を使用していました:ポリマー UI 要素タブを使用してタブが選択されたときにコンテンツを切り替える さらに情報が必要な場合はお知らせください。