我有一个带有选项卡控件的网页,它占据了屏幕的一部分。这些选项卡使用* ngIf显示/隐藏,并将所选选项卡与枚举进行比较。因此,每当用户更改选项卡时,便会破坏/创建组件。
通常这很好,但是其中一个选项卡包含一个必应地图。每次选择该标签时,都会重新加载地图控件-使地图短暂显示当前IP位置,直到加载了所需的位置和引脚(不到一秒钟的时间)。
我能够解决这个问题的唯一方法是停止为该选项卡使用* ngIf,而是设置自定义样式:
.hide {高度:0像素;溢出:隐藏;}
到目前为止,这似乎很有效,但是我担心这会在将来引起错误。
有angular2祝福的方式隐藏组件而不破坏组件吗?
谢谢。
该[hidden]属性是您正在寻找的。它或多或少更换ng-show/ ng-hide在Angular2。
在官方文档中找到它,或在这里查看其代码示例:
<h3 [hidden]="!favoriteHero">
Your favorite hero is: {{favoriteHero}}
</h3>
Run Code Online (Sandbox Code Playgroud)