<div class="container">
<form>
<div class="form-group">
<label for="username">Email address</label>
<input [(ngModel)]='listfilter' name='valid' type="email" class="form-control" id="username" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="password">Password</label>
<input [(ngModel)]='listfilters' name='valid' type="password" class="form-control" id="password" placeholder="Password">
</div>
<button [disabled]='!listfilter||!listfilters' (click)='onClick(listfilter)' type="submit" class="btn btn-primary">Submit</button>
<div class="form-group">
<label class="forgetPassword" id="forgetPassword">For got your password?</label>
<a [routerLink]="['/requestreset']" href="#" class="forgetPassword" for="forgetPassword">Request a link to reset it!</a>
</div>
</form>
</div>

Disable button

routerLink="/" វាគឺជាផ្លូវសម្រាប់បង្ហាញនៅលើ URL នៅពេលចុចវានឹងទៅដល់
routerLink="/" routerLinkActive="active" វាគឺជាកន្លែងសម្រាប់ប្រើប្រាស់ style css ដើម្បីបង្ហាញ style
i.e .active{
background-color:red;
}
routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" វាគឺចំនុចដែលធ្វើអោយ routerLink ធ្វើការ​ true នឹង​
មិនដំណើរការពេល false.(lower case and upper case)

For icon font-icon

// form login
onLogin(email:HTMLInputElement,pass:HTMLInputElement,check:HTMLInputElement){
let user = email.value;
let password = pass.value;
this.dbLocalStorage();
if(user==localStorage.getItem(user)&&password==localStorage.getItem(password)){
alert("user");
}else{
alert('Error')

}
}
// localStorage
dbLocalStorage(){
let key="MyAdmin"
let value="123"
localStorage.setItem(key,"MyAdmin");
localStorage.setItem(value,"123")
}

Create login in localstorage