read form values

how to read form values in angular 5

by jimcute

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<form #userForm="ngForm" (ngSubmit)="login(userForm)">
  <div class="form-group">
    <label class="control-label" for="username">Username</label>
    <input type="text" class="form-control" placeholder="Username" name="username" ngModel>
  </div>
  <div class="form-group"> 
    <label class="control-label" for="password">Password</label> 
    <input type="text" class="form-control" placeholder="Password" name="password" ngModel>
  </div>
  <button type="submit" class="btn btn-success pull-right">Login</button>
</form>