Question

我尝试做一个在父组件的2部分中使用的组件。要了解我想做什么，请检查以下内容：

<div class="root>
    <div class="for-desktop">
        <filter></filter>
    </div>
    <div class="for-mobile">
        <copy-of-filter></copy-of-filter>
    </div>
</div>

因此，我希望单个过滤器组件位于2个不同的位置，而无需实例化2个组件。有可能吗？

Answer 1

不带2个组件

我假设您想知道是否可以在角度中具有单例组件？这个问题的答案是否定的。

指令和组件（角度分量也是指令）并非设计为单例。您可以在其中共享一个单例服务，以实现所需的功能。

Answer 2

只需使用* ng，如果在条件成立之前它将阻止入侵

<div class="root>
    <div *ngIf='initializeCopy1' class="for-desktop">
        <filter></filter>
    </div>
    <div *ngIf='initializeCopy2' class="for-mobile">
        <filter></filter>
    </div>
</div>

Example

角度：在2个地方使用完全相同的组件

2 个答案: