Angular - 如何防止 ngIf 在每次条件改变时破坏组件

Question

我有这个代码：

<ng-container *ngFor="let language of languages">
      <app-fields-to-translate
        *ngIf="language.ID === selectedLanguage.ID"
        [AttributeGroupsCollapses]="AttributeGroupsCollapses"
        [AttributeGroups]="AttributeGroups"
        [Attributes]="Attributes"
        [categoriesCollapsed]="categoriesCollapsed"
        [generalCollabsed]="generalCollabsed"
        [selectedLanguage]="selectedLanguage"
        (CategoriesCollapsedEmmiter)="categoriesCollapsed = $event"
        (CollapseGeneralEmmiter)="generalCollabsed = $event"
        (AddFieldToTranslation)="AddFieldToTranslation($event)"
        (AddAttrubuteToTranslation)="AddAttributeToTranslation($event)"
      >
      </app-fields-to-translate>
    </ng-container>

并且每次 selctedLanguage 更改（field-to-translate）的组件被破坏我可以阻止这个过程吗？ 或者有另一种方法来做这些事情吗？

Answer 1

根据您的业务逻辑的确切功能，您可以使用[hidden] ，即

[hidden]="language.ID !== selectedLanguage.ID"