64 lines
1.4 KiB
TypeScript
64 lines
1.4 KiB
TypeScript
|
/**
|
|||
|
|
* @license
|
|||
|
|
* Copyright Google Inc. All Rights Reserved.
|
|||
|
|
*
|
|||
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|||
|
|
* found in the LICENSE file at https://angular.io/license
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
export const FormErrorExamples = {
|
|||
|
|
formControlName: `
|
|||
|
|
<div [formGroup]="myGroup">
|
|||
|
|
<input formControlName="firstName">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
In your class:
|
|||
|
|
|
|||
|
|
this.myGroup = new FormGroup({
|
|||
|
|
firstName: new FormControl()
|
|||
|
|
});`,
|
|||
|
|
|
|||
|
|
formGroupName: `
|
|||
|
|
<div [formGroup]="myGroup">
|
|||
|
|
<div formGroupName="person">
|
|||
|
|
<input formControlName="firstName">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
In your class:
|
|||
|
|
|
|||
|
|
this.myGroup = new FormGroup({
|
|||
|
|
person: new FormGroup({ firstName: new FormControl() })
|
|||
|
|
});`,
|
|||
|
|
|
|||
|
|
formArrayName: `
|
|||
|
|
<div [formGroup]="myGroup">
|
|||
|
|
<div formArrayName="cities">
|
|||
|
|
<div *ngFor="let city of cityArray.controls; let i=index">
|
|||
|
|
<input [formControlName]="i">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
In your class:
|
|||
|
|
|
|||
|
|
this.cityArray = new FormArray([new FormControl('SF')]);
|
|||
|
|
this.myGroup = new FormGroup({
|
|||
|
|
cities: this.cityArray
|
|||
|
|
});`,
|
|||
|
|
|
|||
|
|
ngModelGroup: `
|
|||
|
|
<form>
|
|||
|
|
<div ngModelGroup="person">
|
|||
|
|
<input [(ngModel)]="person.name" name="firstName">
|
|||
|
|
</div>
|
|||
|
|
</form>`,
|
|||
|
|
|
|||
|
|
ngModelWithFormGroup: `
|
|||
|
|
<div [formGroup]="myGroup">
|
|||
|
|
<input formControlName="firstName">
|
|||
|
|
<input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
|
|||
|
|
</div>
|
|||
|
|
`
|
|||
|
|
};
|
|||
|
|
|