Angular2:ngIf,不破坏组件

JAL*_*RED 2 bing-maps angular

我有一个带有选项卡控件的网页,它占据了屏幕的一部分。这些选项卡使用* ngIf显示/隐藏,并将所选选项卡与枚举进行比较。因此,每当用户更改选项卡时,便会破坏/创建组件。

通常这很好,但是其中一个选项卡包含一个必应地图。每次选择该标签时,都会重新加载地图控件-使地图短暂显示当前IP位置,直到加载了所需的位置和引脚(不到一秒钟的时间)。

我能够解决这个问题的唯一方法是停止为该选项卡使用* ngIf,而是设置自定义样式:

.hide {高度:0像素;溢出:隐藏;}

到目前为止,这似乎很有效,但是我担心这会在将来引起错误。

有angular2祝福的方式隐藏组件而不破坏组件吗?

谢谢。

Mat*_*att 5

[hidden]属性是您正在寻找的。它或多或少更换ng-show/ ng-hide在Angular2。

官方文档中找到它,或在这里查看其代码示例:

<h3 [hidden]="!favoriteHero">
   Your favorite hero is: {{favoriteHero}}
</h3>
Run Code Online (Sandbox Code Playgroud)

  • 嗯,我明白了。1)链接似乎无效。2)您的问题可能会引起误解。实际上,它与“ ngIf”和“销毁组件”无关,而与Bing映射的特定要求有关。我建议您开始一个新问题,以明确Bing的特定问题。也许您甚至可以为您的案件提供小费? (3认同)