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

2022年1月6日木曜日

Angular

t f B! P L

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

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

サンプルコード

TypeScript

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

HTML

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

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

スポンサーリンク
スポンサーリンク

このブログを検索

Profile

自分の写真
Webアプリエンジニア。 日々新しい技術を追い求めてブログでアウトプットしています。
プロフィール画像は、猫村ゆゆこ様に書いてもらいました。

QooQ