使用primeNg和Angular 10将自动完成选择值传递给父组件

npm install primeng --save
npm install primeicons --save

<p-dropdown [options]="options" [(ngModel)]="selectedValue" (onChange)="onValueChange()"></p-dropdown>

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  options: any[] = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' }
  ];
  selectedValue: string;

  onValueChange() {
    // 在这里可以处理选择值变化后的逻辑
    console.log(this.selectedValue);
  }
}

<app-child [selectedValue]="selectedValue"></app-child>

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent {
  @Input() selectedValue: string;
}