CODEWITHSUNDEEP
angularform-controlformgroups
SS_FStuck
SS_FStuck

Reputation: 241

how to set default value in formControl?

I'm trying to set default value for time in an input field, but I couldn't do it using "value" attribute.

<input class="form-control" name="absolute type="time" value="23:59" formControlName="absoluteTime">

I tried using  

<div [formGroup]="dueDateControl" class="row">
   <input class="form-control style__inputText style__inputText-forms duration" name='absoluteTime' [readonly]="context === 'details'" formControlName="absoluteTime" type="time" required> 
</div>

.ts file :

ngOnInit() {
   this.dueDateControl.addControl('absoluteTime', new FormControl('23:59', Validators.required));
}

nothing is shown and I still get --:-- ! no default value!

Upvotes: 1

Views: 11668

Answers (2)

Darshan Malani
Darshan Malani

Reputation: 476

enter image description here

Ts File

  newDayDuration: 0;


<div class="col s4">
   <mat-form-field appearance="outline">
      <mat-label>{{ 'LABEL_DAYS_NEW' | translate: lang }}</mat-label>
      <input  (keypress)="numberOnly($event)"  placeholder="{{'LABEL_TOTAL_DAY_PLACEHOLDER' | translate:lang}}" [maxLength]="vendorRules.DAYS_ENTER_MAX_LENGTH"   matInput   [value]="newDayDuration"  [formControlName]="'newDayDuration'">
   </mat-form-field>
</div>

Upvotes: 0

vueAng
vueAng

Reputation: 453

Please use it this way

<div [formGroup]="dueDateControl" class="row">
  <input class="form-control style__inputText style__inputText-forms duration" name='absoluteTime' formControlName="absoluteTime" type="time" required>
</div>

dueDateControl= this.formBuilder.group({
    absoluteTime: [''],
  });
  constructor(private formBuilder: FormBuilder) {}
  ngOnInit(): void {
    this.dueDateControl.get('absoluteTime')?.setValue('19:20')
  }

Upvotes: 1

Related Questions