Category "angular-forms"

How to set a custom error message to a form in angular

I have the below code in my component: if (form.controls['minRange'].hasError('min')) { form.controls['minRange'].setErrors({ min: true }); } I am

Angular Material custom form field doesn't show mat-error

I thought I have almost the same example but somehow the control tricks me :-/ <form [formGroup]="form"> <app-ref-urlcheck [maxLen]="20" formContro

FormsModule Not Working Properly in Different Module Than App Module

i have FormsModule present in SharedModule.. import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } fr

How to test form controls avoiding bracket notation to preserve type checking and maintainability

The Problem My unit tests on a form break when I refactor an object's member because I can only access the formcontrols on a fromgroup by using bracket notation

get multiple checkbox value as an array in angular

i'm trying to get values from multiple checkbox here https://stackblitz.com/edit/angular-ivy-uahtjx i try this approach but didn't with for me https://stackblit

Error: There are no form controls registered with this group yet. If you're using ngModel,you may want to check next tick (e.g. use setTimeout)

I am using template driven form and am trying to set the value of the form elements based on some object properties, however i face the following on doing so.

This expression is not callable. Type 'NgForm' has no call signatures

I have created a basic signup from in angular and got this error src/app/developers/signup/signup.component.html:55:45 - error TS2349: This expression is not c

Need to show delete button for previous field sections also

Stackblitz Link Here if I click on add button delete button is showing for the last fields. Need to show delete button for all the respective fields sections. t

How to change the date format in the datepicker of Angular ngx-bootstrap inside a form

Using ngx-bootstrap Datepicker in an Angular 4 application, I know that normally you can specify the date format this way: <input id="from" name="from"

How do i display the value of a form control in the html view?

I know this sounds super simple but I can't get it to work. I know that I have to use the mustache tags to display it, but it just isn't displayed when I type s