polymer - Vaadin グリッド行の詳細が Chrome に表示されない

Question

JSBin の例: https://jsbin.com/sofura/3/edit?html,output

*これは jsbin では機能しますが、私のローカル プロジェクトでは機能しないことに注意してください。

新しい Polymer CLI に基づくアプリがあります。index.html -> main-app.html app-route を使用し、ツールバー、ナビゲーションなどを含みます。

別のページがカスタム要素 として定義されています<part-info>。

part-info 内には、行の詳細を表示するためのネストされたテンプレートを含む vaadin-grid セットアップがあります。

行の詳細は Edge に表示されますが、Chrome には表示されません。

これは、ネストされたテンプレート、またはおそらく私のインポートと関係がありますか?

Answer 1

HTML の形式が正しくないようです。a (行 42<template> )内にunclosed があり、その後に strayとタグ (行 63から開始) が続きます。<div><div><template>

JSBin 設定で HTMLHint を有効にすると、次のエラーが表示されます。

しかし、実際にはカスタム要素の内部は必要ないため<template is="dom-bind">、削除する必要があります。この変更されたjsbinを Chrome で試してください。<vaadin-grid>行の詳細を生成するには、Polymer 要素内に自動バインディング テンプレートが必要であることがわかりました。