angular-forms

Css – How can I change the label font-size of an Angular mat-checkbox component?

I'm attempting to change the fontsize of mat-checkbox's label. Nothing I seem to attempt works as it's consistently being overriden by the component's default styles: !important ::ng-deep Setting global style in styles.scss <mat-checkbox [(ngModel)]="reportOption.AllSelected" *ngIf="reportOption.SelectAll" (change)="onSelectAllChange($event, reportOption)" style="margin-left:5px;" class="custom-checkbox">Select All</mat-checkbox>…

VIEW QUESTION

Html – How to add validations to a radio button in angular

This is my form in angular. hotel.component.html: <div class="container-sm"> <div class="bg-light jumbotron text-center"> <h2>Hotel</h2> </div> <form [formGroup]="form" (submit)="onSubmit()" class="mb-3"> <div class="col"> <label class="form-label fw-bold">Ammenities:</label> <div class="d-flex"> <div class="form-check me-4"> <label class="form-check-label"><input class="form-check-input" type="radio" name="option" value="Pool" formControlName="option"> Pool </label> </div> <div…

VIEW QUESTION

How to post selected checkboxes as an array from angular to api – Html

I've created a component "form-page" in the "form" module: form-page.component.html: <form [formGroup]="form" (submit)="onSubmit()"> <div> <label for="carmodel">Car Model:</label> <input type="text" class="form-control" formControlName="carmodel"> <div *ngIf="form.controls['carmodel'].touched && form.controls['carmodel'].errors"> <div *ngIf="form.controls['carmodel'].hasError('required')" class="error">Carmodel is required.</div> <div *ngIf="form.controls['carmodel'].hasError('minlength')">Carmodel should be minimum 3 characters.</div> </div> </div> <div>…

VIEW QUESTION
Back To Top
Search