発火後忘失

Polymer2 で <input> の値を「親エレメントの値と」バインドする


Polymer2 で の値をバインドする で my-input なるカスタムエレメントを作成しました。<input>の入力値をそのまま表示するだけのエレメントです。

1
2
3
4
5
6
7

<dom-module id="my-input">
  <template>
    <input type="text" value="{{text::input}}" />
    [[text]]
  </template>
  ...
</dom-module>

さて、この入力値を受け取れるよう、親エレメントを次のように作成しました。

…
Read more ⟶

Polymer2 で &lt;input&gt; の値をバインドする


ドキュメントのstartを読み終えて、さあなにか作ってみるか、そうだよく 2-way binding の例で出てくるinputタグ入力値を画面に反映させるのをやってみよう、と思って

1
2
3
4

<template>
  <div><input type="text" value="{{text}}" /></div>
  <div>[[text]]</div>
</template>

とかやってみたものの上手く行かなかった。

…
Read more ⟶


…
Read more ⟶


…
Read more ⟶