プログラミング tips を書いています。実行可能サンプルも公開しています。

TypeScript

: React TypeScript プログラミング

React 関数コンポーネントでのコンポーネント間での状態連携（値の受け渡し）

2023/5/1

useState の利用まずは、useState で受け渡しする状態を定義します。今回は boolean 型の状態を保持します。 App.tsx props による setter の連携 props ...

: Angular TypeScript

Angular @ViewChild デコレーター

2019/8/29

Angular では、HTML テンプレート上に定義されているコンポーネントを TypeScript 側から参照する機能として、@ViewChild デコレーターが提供されています。例えば、AppC ...

: Angular TypeScript

Angular ngModel ディレクティブの使い方(サンプルあり)

2023/12/17

Angular の ngModel の使い方をメモしておきます。Angular v13 でのサンプルもダウンロード用に用意しました。サンプルを実行し、手元で動作を確認していただければと思います。 ng ...

: Angular html TypeScript

Angular - ngIf ディレクティブ

2019/8/29

Angular の ngIf ディレクティブの利用例です。 HTML テンプレート <p> <input type="button" value="toggle flag" (cli ...

: TypeScript

TypeScript input 要素の入力値を div 要素に反映する

タイトルの通り、input 要素に入力された値を div 要素にも表示する例です。入力要素：input (id: titleInput, contentInput)反映対象：div(id: titl ...