这个*ngIf在Angular 7中有什么问题？

在Angular 7中，*ngIf指令存在以下问题：

1. 重绘性能：*ngIf指令会在每次条件表达式发生变化时触发组件的重绘，这可能会导致性能下降，尤其是在有大量嵌套的条件语句时。
2. 不支持动画效果：由于*ngIf指令是通过添加或移除DOM元素来实现条件显示或隐藏，因此无法直接支持动画效果。如果需要动画效果，需要额外的处理。
3. 导致组件状态丢失：当*ngIf指令从条件为true切换到false时，相关组件及其状态将被销毁，这可能导致组件状态的丢失，包括表单输入的值等。
4. 与ng-container的交互：*ngIf指令不能直接应用于ng-container元素，而需要使用ng-template作为中间包装层来实现条件渲染。

解决上述问题的方法如下：

1. 使用ng-container：将*ngIf指令应用于ng-container元素，然后在ng-container内部使用ng-template来包裹需要条件显示的内容。这样可以避免不必要的DOM操作，提高性能。
2. 使用ngIfElse：通过ng-template的else属性，可以在*ngIf条件为false时显示备用内容，这样可以实现条件渲染的动画效果。
3. 使用ngSwitch：如果需要多个条件判断，可以考虑使用ngSwitch指令，它可以更清晰地表示多个条件的逻辑。
4. 使用ChangeDetectionStrategy.OnPush：通过设置组件的变更检测策略为OnPush，可以避免不必要的组件重绘，提高性能。

腾讯云提供了云计算相关产品，包括云服务器、云数据库、云存储等。你可以在腾讯云的官方网站上了解更多产品信息和使用方法。

腾讯云产品介绍链接地址：https://cloud.tencent.com/product