在Angular 4中，您可以使用ngIf指令和FormGroup控件来动态显示和隐藏表单字段。以下是一个包含代码示例的解决方法：

首先，您需要导入必要的模块和类：

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

接下来，创建一个组件类，并在其中定义一个FormGroup：

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
})
export class FormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      showField: [false],
      field1: ['', Validators.required],
      field2: ['', Validators.required],
    });
  }

  showHideField(value: boolean) {
    if (value) {
      this.myForm.get('field1').setValidators(Validators.required);
    } else {
      this.myForm.get('field1').clearValidators();
    }
    this.myForm.get('field1').updateValueAndValidity();
  }

  submitForm() {
    if (this.myForm.valid) {
      console.log(this.myForm.value);
    } else {
      console.log('Form is invalid');
    }
  }
}

在模板文件（form.component.html）中，您可以使用ngIf指令根据条件来显示或隐藏表单字段：

  
    Show Field 1:
    
  

  

    
      Field 1:
      
    
  

  
    Field 2:
    
  

  Submit

在上述代码中，当showField字段的值为true时，会显示Field 1输入框。当showField字段的值为false时，Field 1输入框会被隐藏。

当用户提交表单时，调用submitForm方法来检查表单是否有效（是否通过所有验证）。如果表单有效，则将表单值打印到控制台；否则，将打印"Form is invalid"。

这就是使用ngIf和FormGroup控件来动态显示和隐藏表单字段的解决方法。希望对您有所帮助！