WEBer Note

自動バインディングテンプレート 以外でデータバインディングを利用するには、is属性に"auto-binding"を指定した要素でアプリをラップします。 ... Tips: is属性に"auto-binding"を指定した要素を用いると、{{}}を使ったバインディング、式、on-から始まるイベントハンドラをメインページの中で使用できるようになります。

Basic usage# core-list renders items based on a user-supplied array of data that may be arbitrarily large. Often this data comes from a back-end database that is retrieved via AJAX. Bind the array to the core-list using the required data attribute. When the array changes, the core-list updates. The data model section provides more information about the structure of the data. core-list fills its viewport with items, which display vertically by default. The template defines the DOM tree for each item. The following code uses a core-list to display names with a simple span element. This core-list is within an auto-binding template, but could be inside a Polymer element. {{model.name}} The script# The script for the auto-binding template generates the data model for core-list. var cl = document.querySelector('#my-core-list'); cl.data = [{name: 'Elizabeth'}, {name: 'Jane'}, {name: 'Kitty'}, ...]; The array, cl.data, is bound to the core-list’s data attribute. Here, cl.data is populated using a static array of maps, but could be the output of a database or an AJAX request.