Angularで動的にコンポーネントを作り、データバインディングをする
Angularではコンポーネントを動的に生成することができるのだが、いくつか注意が必要なことがある。ここでは、以下の内容について動的にコンポーネントを生成した際にどうしたら良いかを調べたのでまとめる。なお、このページでは「親コンポーネント」は動的にコンポーネントを生成する機能を持つコンポーネントを指すことにする。 動的コンポーネントの作成@Input/@Outputの設定コンポーネントの削除 基本的には「動的コンポーネントローダ」に書かれている内容だが、StackOverflowのコメントなど見る限り、コンポーネントの削除時にメモリリークをするような書き方がある気がする。 動的に生成するコンポーネントの準備 お題として、カウンタとその値を増減するボタン(+と-)と、カウンタを閉じるためのボタン x を持つコンポーネントを動的に生成する対象とする。見た目は以下のようにシンプルなもの。 コード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Boosting Angular’s Performance With Lazy Loading (Part 3)
