Angular 角度组件冲突,因为同一组件多次添加到页面上

Angular 角度组件冲突,因为同一组件多次添加到页面上,angular,Angular,我有一个可重用的多选组件。在一个页面上(在另一个组件中),我多次添加了这个组件(多选可重用组件) 但将其视为一个组件,并且两个组件的行为同步(如果我从组件一中选择复选框,则从第二个组件中选择该复选框) 我试着给组件命名,但没用 我还试着将组件以单独的形式放置,但它仍然不起作用 示例代码: <label>Selection 1:</label> <custom-multi-select [suggestions]="suggestions"></custo

我有一个可重用的多选组件。在一个页面上(在另一个组件中),我多次添加了这个组件(多选可重用组件)

但将其视为一个组件,并且两个组件的行为同步(如果我从组件一中选择复选框,则从第二个组件中选择该复选框)

我试着给组件命名,但没用

我还试着将组件以单独的形式放置,但它仍然不起作用

示例代码:

<label>Selection 1:</label>
<custom-multi-select [suggestions]="suggestions"></custom-multi-select>
<label>Selection 2:</label>
<custom-multi-select [suggestions]="suggestions"></custom-multi-select>
选择1:
选择2:

从第一个多选中,如果我选中了任何复选框,则第二个多选中的相同复选框被选中

请发布您的相关代码您是否可以通过Stackblitz提供一些附加代码?正如我所知,Angular应该毫无问题地同时接受多个组件。但是Angular将其视为一个组件,并且两个组件的行为同步。不是Angular,而是您以这种方式编写的—或者您使用一些静态字段,或者数据模型的公共实例。对#Antoniosss。。实际上,我创建了模型的副本,但它是浅副本…现在我创建了深副本,并且工作正常:)。。。谢谢你改变了我的想法你是怎么解决这个问题的我也有同样的问题