在p-chip和formcontrolname之间设置一个逻辑

<p-chip (onAdd)="onChipAdd($event)" (onRemove)="onChipRemove($event)"></p-chip>
<form [formGroup]="myForm">
  <input type="text" formControlName="chips">
</form>

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({
      chips: []
    });
  }

  onChipAdd(chip: any) {
    const chips = this.myForm.get('chips').value || [];
    chips.push(chip);
    this.myForm.get('chips').setValue(chips);
  }

  onChipRemove(chip: any) {
    const chips = this.myForm.get('chips').value || [];
    const index = chips.indexOf(chip);
    if (index > -1) {
      chips.splice(index, 1);
      this.myForm.get('chips').setValue(chips);
    }
  }
}