[Angular] ボタンやテキストの disabled を設定する

Angular で入力項目を非活性にする

Angular でボタンやテキストフィールドなどの入力項目を非活性にする場合は、通常の HTML と同様に disabled 属性を設定する。

サンプルコード

TypeScript

export class AppComponent {
  flg = false;  // trueで非活性、falseで活性
}

HTML

<input type="text" [disabled]="flg" value="テキスト">

以上。この方法は、Angular Material のコンポーネントであっても同じである。