要演示Angular 5中的响应式表单，您可以按照以下步骤进行操作：

1. 安装Angular CLI（如果尚未安装）：

npm install -g @angular/cli

2. 使用CLI创建一个新的Angular项目：

ng new angular-forms-example

3. 进入项目目录：

cd angular-forms-example

4. 创建一个新的组件：

ng generate component reactive-form

5. 在app.component.html文件中，添加以下代码：

6. 在reactive-form.component.ts文件中，添加以下代码：

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-reactive-form',
  templateUrl: './reactive-form.component.html',
  styleUrls: ['./reactive-form.component.css']
})
export class ReactiveFormComponent implements OnInit {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.fb.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      password: ['', Validators.required]
    });
  }

  onSubmit() {
    if (this.myForm.valid) {
      console.log(this.myForm.value);
    }
  }
}

7. 在reactive-form.component.html文件中，添加以下代码：

  

    Name:
    
    

      Name is required.
    
  

  

    Email:
    
    

      Email is required and must be a valid email address.
    
  

  

    Password:
    
    

      Password is required.
    
  

  Submit

8. 运行应用程序：

ng serve --open

现在，您将在浏览器中看到一个具有响应式表单的页面。您可以尝试输入不同的数据并提交表单，验证将根据您所定义的验证规则进行处理。当表单有效时，将在控制台上打印出表单值。

希望这可以帮助到您！