モデルを角度のあるテンプレート駆動型でバインドしようとしています。モデルクラスを作成し、それを使用して入力フィールドに入力しました。
HTML:
<div class="form-group col-md-2 col-12" [class.text- danger]="nameCode.invalid && nameCode.touched">
<label for="inputName" class="form-control-label"> Name</label>
<input type="text" class="form-control" [class.is-form-invalid]="nameCode.invalid && nameCode.touched" id="inputName" name="lotCode"[(ngModel)]="formModel.name" #nameCode="ngModel" aria-describedby="nameHelp" autocomplete="new-password" required>
<small id="nameHelp" class="text-danger" *ngIf="nameCode.invalid && nameCode.touched">Required</small>
成分:
export class AppComponent {
formModel: FormModel= new FormModel();
}
export class FormModel {
name: "abc"
}
https://stackblitz.com/edit/angular-yue9fe?file=src%2Fapp%2Fapp.component.ts
name: "abc"
name= "abc"
(またはname: string = "abc"
)である必要があります。今、あなたは名前のタイプを「abc」として宣言していますが、これはあなたが望むものではありません。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加