要在Angular 7中添加表单新字段，可以按照以下步骤操作：

1. 打开组件的HTML模板文件，找到表单控件所在的位置。例如，要在
   元素中添加一个新的输入字段，可以在标签内部添加一个新的

   元素，然后在该元素内部添加新的输入字段。

  
  

    New Field:
    
  
  

2. 在组件类中，导入FormBuilder和FormGroup模块，并在构造函数中使用FormBuilder创建一个新的表单组。

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

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

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      // 其他表单控件
      newField: [''] // 新字段的初始值
    });
  }
}

3. 在组件的模块文件中，确保已导入FormsModule和ReactiveFormsModule模块，并将它们添加到imports数组中。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MyComponentComponent } from './my-component/my-component.component';

@NgModule({
  declarations: [MyComponentComponent],
  imports: [
    CommonModule,
    FormsModule, // 为了支持双向绑定
    ReactiveFormsModule // 为了支持响应式表单
  ]
})
export class MyModule { }

通过以上步骤，您就可以在Angular 7中添加一个新的表单字段，并且可以在组件类中访问该字段的值。