我试图将PrimeNG组件(复选框)包装到自定义组件中 . PrimeNG复选框的一般用法如下:

<p-checkbox name="test" label="New York" value="ny" [(ngModel)]="selectedValues" ></app-checkbox>
<p-checkbox name="test" label="San Francisco" value="sf" [(ngModel)]="selectedValues" ></app-checkbox>
<p-checkbox name="test" label="San Jose" value="sj" [(ngModel)]="selectedValues" ></app-checkbox>
Selected values: {{selectedValues}}

最初传入的selectedValues是:

selectedValues = ['sj'];

因此,最后一个San Jose复选框是自动预先检查的,当我尝试点击某些复选框时,数组也会更新:ngModel array is updated

问题是如何在自定义组件中包装此primeng组件以不破坏该ngModel功能 - 是否有一些优雅的方法如何桥接相同的功能仍然有效?

我在PrimeNG复选框源代码中看到它已经实现了ControlValueAccessor,所以我需要在我的自定义组件中实现相同的逻辑 - 它只是实现ngModel工作的一种方式吗?因为看起来我的自定义组件中会有关于ControlValueAccessor的重复代码 .

非常感谢任何建议 .