如何在Angular7 FormArray字段中动态隐藏按钮？

在Angular 7中，可以通过使用FormArray来动态添加和删除表单字段。如果想要在FormArray字段中动态隐藏按钮，可以通过以下步骤实现：

在组件的HTML模板中，使用ngFor指令遍历FormArray字段，并为每个字段创建一个表单控件。
在每个表单控件中，使用ngIf指令根据条件来决定是否显示按钮。条件可以是一个布尔值，也可以是一个函数。
在组件的TypeScript代码中，使用FormBuilder来创建表单，并使用FormArray来管理动态字段。
在组件的逻辑中，可以通过添加或删除FormArray中的控件来动态改变表单字段的数量。

下面是一个示例代码：

在组件的HTML模板中：

<form [formGroup]="myForm">
  <div formArrayName="fields">
    <div *ngFor="let field of fields.controls; let i=index">
      <input [formControlName]="i">
      <button *ngIf="showButton(i)">按钮</button>
    </div>
  </div>
</form>

在组件的TypeScript代码中：

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

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

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.fb.group({
      fields: this.fb.array([])
    });

    // 添加初始字段
    this.addField();
  }

  get fields() {
    return this.myForm.get('fields') as FormArray;
  }

  addField() {
    this.fields.push(this.fb.control(''));
  }

  removeField(index: number) {
    this.fields.removeAt(index);
  }

  showButton(index: number) {
    // 根据条件判断是否显示按钮
    // 这里可以根据具体需求自定义逻辑
    return index % 2 === 0;
  }
}

在上述示例中，我们使用FormBuilder创建了一个名为myForm的表单，并使用FormArray来管理动态字段。在ngOnInit方法中，我们添加了一个初始字段。通过调用addField方法，可以动态添加新的字段。通过调用removeField方法，可以动态删除字段。在showButton方法中，我们根据索引的奇偶性来决定是否显示按钮。

请注意，上述示例中的代码仅供参考，具体实现可能会根据项目需求而有所不同。此外，腾讯云提供了一系列云计算相关产品，如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多产品信息。