web-dev-qa-db-ja.com

「必須フィールド」のアスタリスクをangular反応性フォーム入力に追加する方法

私はリアクティブダイナミックangular form。

私は本当に必要なフォーム入力に「必須フィールド」のアスタリスク（*）を追加する必要があります。これを達成する方法は？

以下は私のフォームフィールドがどのように見えるかです。

<ng-container *ngIf="input1.type=='string'" [hidden]="False">
 <div>
  <mat-form-field>
   <input matInput   [formControlName]="input1.field_name"  type="text"  placeholder="{{input1.title}}">
  </mat-form-field>   
 </div>
</ng-container>
cssangularvalidationtypescript
6
Talk is Cheap Show me Code

実際のバリデーターはTypeScriptファイルから実行されるようですが、実際にアスタリスクを取得するには、htmlファイルを編集するだけです。

<input matInput   [formControlName]="input1.field_name"  type="text"  placeholder="{{input1.title}}" required>
1
Jacob P

HTML

<span *ngIf = "input1?.required">*</span>

.ts

条件によっては入力が必要な場合があります。見てください ここ

1
nightElf91