Angular4には二つの形式があります。このチュートリアルでは、x.xバインディングに焦点を当てます。 最初の形式は、書き込み専用バインディングである一方向バインディングであり、第二の形式は、読み取りと書き込みの両方のバインディングである双方向バインディングです。 このチュートリアルの最後には、両方のバインディングをテストするために使用できるAngular4plunkerが含まれていました。

一方向バインディングは、書き込み専用のデータバインディングです。 モデルなどのデータソースからデータを受信し、ビューに出力します。 このバインドを開始するには、HTML属性または独自の属性を角括弧で囲みます。 また、より直接的なアプローチを取り、角度のある二重中括弧を使用することもできます。 {{}}

ここでは、アクションの一方通行バインディングの例です:私は角括弧でHTML属性を囲んでいます。/div>入力には、一方通行のバインディングがテキストをビューに出力します。

双方向バインディングまたは

双方向バインディングは、入力から読み取り、モデルを更新するバインディングです。 括弧内の括弧は箱の中のバナナのように見えるので、彼らは一般的に箱の中のバナナと呼ばれています。 双方向バインディングは、変更やクリックなどの特定のイベントをリッスンし、変更が検出されたときに新しいデータでデータモデルを更新します。ここでは、アクションで双方向バインディングの例です:

コメントを残す

メールアドレスが公開されることはありません。