<div class="container.fluid">
<h2>Question Form</h2>
<form [formGroup]="registrationForm">
  <div class="form-group">
    <label>Username</label>
    <input formControlName="userName" type="text" class="form-control">
  </div>

  <div class="form-group">
      <label>Password</label>
      <input formControlName="password" type="password" class="form-control">
  </div>

  <div class="form-group">
      <label>Confirm Password</label>
      <input formControlName="confirmPassword" type="password" class="form-control">
  </div>

  <button class="btn btn-primary" type="submit">Register</button>
</form>
{{registrationForm.value | json}}

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
 })
 export class AppComponent {
   registrationForm = new FormGroup({
    userName: new FormControl('Vishwas'),
    password: new FormControl(''),
    confirmPassword: new FormControl('')
  });
 }

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
 declarations: [
  AppComponent
  ],
  imports: [
   BrowserModule,
    ReactiveFormsModule
  ],
    providers: [],
    bootstrap: [AppComponent]
 })
 export class AppModule { }