ふかしぎのAngularさんぷるず

Angularさんぷるず

このサイトはオープンソースのフロントエンドWebアプリケーションフレームワーク『Angular』の検証サイトです。
余計な情報を省き必要な情報を簡潔に記載することを目指しています。
可能な限りより多くのサンプルを簡潔に記載することを目指しています。

目次

Angularのインストール - 初歩1
Angularのfor文とif文 - 初歩2
@Componentの初歩
ライフサイクルフック単体
ライフサイクルフック複数
ng-content 初歩
親のテンプレート繰り返し使用
ngFor ngIf 書式早見表
NgFor (*ngFor) 初歩
NgIf (*ngIf) 初歩
NgIf 条件式 判定
NgIf ローカル変数
NgIf CSS 表示・非表示 速度チェック
ng-template 初歩
ng-container 初歩
ng-template ng-containerの違い
ng-template ng-container 速度チェック
ngModelの初歩
NgFor trackBy 速度チェック
NgForで連想配列の入力欄でtrackByをつけていないのにフォーカスが外れないわけ
JavaScript 主要event INPUT要素
JavaScript 主要event2 子要素がある場合
TEXTAREAの書き方
TEXTAREAでの配列の表示方法
INPUTのradioの書き方
配列を使ったINPUTのradioの書き方
AngularでのGET通信
AngularでのPOST通信
TS7053 TypeScript エラーの対処方法
TS7053 TypeScript エラーの対処にIndex Signaturesを使わないほうがいい理由
Index Signatures
NgForの連想配列でTS2322エラー
NgForの配列でINPUTを作ろうとするとエラーになる
NgForの配列でINPUTを作ったときにフォーカスが外れてしまう
NgForサンプル INPUTの入力欄
NgForサンプル INPUTのラジオボタン
NgForサンプル INPUTのチェックボックス
NgIfサンプル INPUTの入力欄の表示・非表示
NgIfサンプル 配列を使ったINPUTの入力欄の表示・非表示
NgIfサンプル チェックボックスでINPUTの入力欄を表示・非表示
入力欄でエンターキーを押したときに次に移動するサンプル
Angularでスワイプさせる(hammerjs版)
Angularでスワイプさせる(slick-carousel版)
Angularでスワイプさせた方向の取得(slick-carousel版)
サンプル1作成方法
サンプル2作成方法
サンプル1 hammerjs用 作成方法
サンプル1 slick-carousel用 作成方法
戻る