2017-11-15 3 views
0

私は、ポリマー要素を使用するウェブサイト(1ページではない)を構築しています。ウェブサイト「アプリ」は<dom-module>には含まれていませんが、まだ<app-route>要素を使用したいと考えています。ポリマーをアプリの外に使用する<app-route>?

サイト全体を含むカスタム "app-element"を作成せずに(私は<dom-module>にすべて入れてみましたが、エラーが発生しました)

私は単に私がルート/データ/テールではなく、例えば使用のプログラムで属性を結合しようとした場合でも、私は

Uncaught TypeError: Cannot read property 'length' of undefined 

を取得<body>タグ内<app-route><app-location>を使用している場合route="{{route}}"

+0

あなたはPolymerのバージョンを指定していませんが、私が正しく理解すれば、あなたが探しているものは 'dom-bind'のようなものでしょうか?通常のポリマー要素のように振る舞いますが、目に見える構造はありません。 https://www.polymer-project.org/1.0/docs/api/elements/dom-bind –

答えて

0

別のポリマー管理要素のコンテキスト内に位置しないポリマー要素は、ブラウザの観点からは単にカスタムタグとして表示されます。 それぞれはカプセル化されており、独自の別個の内部コンテキストを持ち、設計要素はイベント送信以外の外部コンテキストと対話しません。

ポリマーはメディエータパターンを実装しているため、要素が直接通信しないように見えるかもしれませんが、代わりに様々なオブザーバが暗黙に設定されています。 このように実際に通信を行うには、あなたの要素が何らかの種類のPolymer-managed要素でラップされていることを確認する必要があります。この場合、Kuba Šimonovskýdom-bindヘルパー要素で指摘されている場合があります。

何らかの理由でその要素を使用したくない場合は、あなたの要素用の独自のイベントドリブンメディエーターを実装することができます(実際には推奨されません)。

関連する問題