mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-12-22 18:07:06 +00:00
21 lines
750 B
HTML
Executable File
21 lines
750 B
HTML
Executable File
<form class="example-form">
|
|
<mat-form-field class="example-full-width">
|
|
<input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" [formControl]="stateCtrl">
|
|
<mat-autocomplete #auto="matAutocomplete">
|
|
<mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
|
|
<img class="example-option-img" aria-hidden [src]="state.flag" height="25">
|
|
<span>{{state.name}}</span> |
|
|
<small>Population: {{state.population}}</small>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</mat-form-field>
|
|
|
|
<br>
|
|
|
|
<mat-slide-toggle
|
|
[checked]="stateCtrl.disabled"
|
|
(change)="stateCtrl.disabled ? stateCtrl.enable() : stateCtrl.disable()">
|
|
Disable Input?
|
|
</mat-slide-toggle>
|
|
</form>
|