問題タブ [polymer-starter-kit]

Polymer Starter Kit では、サブディレクトリへのすべての参照は、bower_componentsディレクトリのすぐ下のノードを参照しますapp。ただし、(少なくとも私のバージョンの PSK では)bower_componentsサブディレクトリはディレクトリの 1 レベル上にありappます。つまり、bower_componentsサブディレクトリは実際にはプロジェクトのルート ディレクトリにあります。

ディレクトリノードの数え方を間違えているだけですか? それとも、これはどのようgulpに、そしておそらくvulcanize機能するのかと関係がありますか? それとも、私が理解していないのはまったく別のことですか？

たとえば、次のindex.htmlスクリプト タグがあります。

これは、bower_componentsディレクトリが と同じレベルにあることを示していindex.htmlます。しかし、そうではありません。bower_components実際には1つ上のレベルです。

要素のインポートについても同じです。

次に、外側の紙メニューでアイテムを選択し、その後サブメニューに移動してそこでアイテムを選択すると、外側のアイテムがまだ選択されています。また逆に：

それを修正する方法はありますか？

次のように、チャット リストを表示するカスタム要素を作成しました。

そして、ユーザーがオブジェクトのいずれかをクリックすると、ツールバーが名前を取得する必要があります。そのために私は使用しています：

しかし、それは機能していません。何か助けはありますか？

次のようにカスタム要素を作成したとします。

messages特定のスレッドまたは連絡先に関連するチャット メッセージを含む配列です。

さて、私app.jsの には、スレッド識別子ごとのすべてのメッセージを含むこの種のメッセージ配列があります。特定のスレッド識別子 (つまり name='Rajat') に関連するメッセージを<chat-container>要素に渡すにはどうすればよいですか? ほぼすべての組み合わせを試しましたが、まだ何も意味がありません。

私はやろうとしました：

そしてそれはうまくいきませんでした。

現在、Polymer 1.0 で次のコードを使用して、Web ページの一部をレスポンシブにしています (動作します)。

私のcssには

<div>falseの場合を非表示にします。

さて、 double なしでこれを解決するよりスマートな方法があるのではないかと思います<div>。

• どういうわけか「class =」に条件を入れることはできますか？
• cssの @apply(--layout-horizo​​ntal) のようなものがうまく機能しますか?

注意: Polymer 0.5<div layout vertical>では機能しますが、Polymer 1.0 では機能しません。代わりに、<div class="layout vertical">Polymer 1.0 でのみ機能するようです。

したがって、私が描いているのは、ID のリストを含むパラメーターの配列です。これを Array1 と呼びましょう。これらの ID は、同じ URL への ajax 呼び出しのパラメーターとして使用されます。呼び出しを行うときに、ajax 呼び出しからいくつかの情報を共通の配列 (Array2) にプッシュしてから、Array1 の次の ID に移動します。これはPolymerで実装できますか? もしそうなら、どこから始めればよいですか？

コード：

psk1.2.1 をダウンロードして抽出し、npm install と bower install を実行した後、gulp を実行すると、次の出力が得られます。

MacBook-Pro-van-Marco:testb mspro$ gulp

[21:18:46] gulpfile の使用 ~/www/studies/polymer/testb/gulpfile.js

[21:18:46] 「クリーン」を開始しています...

[21:18:46] 5.66 ミリ秒後に「クリーン」を完了

[21:18:46] 「デフォルト」を開始しています...

[21:18:46] 「コピー」を開始しています...

[21:18:46] 「スタイル」を開始しています...

[21:18:47] すべてのファイルをスタイルします 98 B

[21:18:47] 559 ミリ秒後に「スタイル」が完了

[21:18:48] すべてのファイルをコピー 12.75 MB

[21:18:48] 1.72 秒後に「コピー」を完了

[21:18:48] 「要素」を開始しています...

[21:18:48] 3.49 ミリ秒後に「要素」を終了

[21:18:48] 「lint」を開始しています...

[21:18:49] 「画像」を開始しています...

[21:18:49] 「フォント」を開始しています...

[21:18:49] 「html」を開始しています...

[21:18:49] 142 ミリ秒後に「フォント」を終了

[21:18:51] 2.41 秒後に「リント」を終了

[21:18:51] html 全ファイル 52.36 kB

[21:18:51] 1.35 秒後に「html」を終了

[21:18:51] gulp-imagemin: 縮小された 6 つの画像 (494 B を保存 - 1.4%)

[21:18:51] 画像 全ファイル 35.41 kB

[21:18:51] 1.64 秒後に「画像」を終了

[21:18:51] 「加硫」を開始しています...

/Users/mspro/www/studies/polymer/testb/dist/bower_components/paper-behaviors/paper-button-behavior.html の検索エラー

/Users/mspro/www/studies/polymer/testb/dist/bower_components/paper-behaviors/paper-inky-focus-behavior.html の検索エラー

paper-behaviors フォルダーは空でした (README.md を除く)。次に、psk-light ダウンロードの bower_components/paper-behaviors フォルダーの内容をコピーしたところ、エラーはなくなりましたが、gulp でデモを開始すると空になりました。ページ

Chrome でコンソールを見ると、次のエラーが表示されます。

Uncaught TypeError: Polymer.IronMeta は関数ではありません /deep/ コンビネータは非推奨です。詳細については、 https://www.chromestatus.com/features/6750456638341120を参照してください。iron-icon.html:168 Uncaught TypeError: this._meta.byKey は関数 page.js ではありません: 797 Uncaught TypeError: 未定義のプロパティ '長さ' を読み取れません

ここで一旦諦めます、

私のノードのバージョンは、Mac osx 10.10.5 Chrome 47.0.2526.106 (64 ビット) の v4.2.4 です。

誰かがこの問題を解決する方法を知っていますか?

ありがとう