/Javascript/AngularJS/Placeholder in angular 9 select with working required

Placeholder in angular 9 select with working required

Placeholder in angular 9 select

Set initial value of month = null in the component.ts and
add [(ngModel)]="month" in the select tag of component.html.

//component.ts
month = null;

//component.html
<form  #filter="ngForm" (ngSubmit)="filterta(filter)" style="display: flex;">
       <select name="month" [(ngModel)]="month" #month required>
                <option [ngValue]="null" [disabled]="true" >All</option>
                <option value="1">January</option>
       </select>
</form>

Placeholder in angular 9 select with working required

<form role="form" class="form form-horizontal" (ngSubmit)="onSubmit()" #form="ngForm" ngNativeValidate>
    <div class="form-group row">
        <div class="col-xl-4 col-lg-6 col-md-12">
            <fieldset class="form-group">
                <label for="customSelect">Categories:</label>
                <select class="custom-select d-block w-100" id="Category" [(ngModel)]="Category" name="Category" required placeholder="d.ff">
                    <option hidden [value]=""  selected>Select one category </option>
                    <option *ngFor="let item of myBusinessList" [value]="item.id">{{item.name}}</option>
                </select>
            </fieldset>
        </div>
    </div>
    <button type="submit" class="btn btn-raised btn-danger">Save</button>
</form>

Similar codes

0 vote200 views1 answer
Whait till src img has loaded angular
Javascript AngularJS
12 votes197 views2 answers
Angular string contains
Javascript AngularJS
16 votes189 views6 answers
Generate new component angular
Javascript AngularJS
0 vote191 views1 answer
Angular model optional parameter null
Javascript AngularJS
0 vote300 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote204 views1 answer
Angular store select method
Javascript AngularJS
0 vote200 views1 answer
Input type shows object angularjs
Javascript AngularJS
0 vote200 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
12 votes187 views5 answers
Update angular 10
Javascript AngularJS
3 votes194 views1 answer
Install ionic @angular/fire
Javascript AngularJS