エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Angularアプリケーション開発 #5】双方向バインディング - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Angularアプリケーション開発 #5】双方向バインディング - Qiita
今回は双方向バインディングを実装してみます。 イメージとしては↓こんな感じです。 入力フォームの田中... 今回は双方向バインディングを実装してみます。 イメージとしては↓こんな感じです。 入力フォームの田中太郎の「郎」の文字を消してみます。 すると、、、 入力フォームと連動して名前をh2タグのラベルも「田中太」になりました。 このように、html側→ts側、ts側→html側へと値が共有されている状態を双方向バインディングと言います。(私個人のイメージです。) それでは実装していきましょう。 まずはFormsModuleというモジュールをapp.module.tsに追加します。 import文の追加と@NgModuleのimportsにFormsModuleの追加を行います。 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import {