事件发生后的 Angular 5 加载指令答案

【问题标题】：Angular 5 load directive after an event occurs事件发生后的 Angular 5 加载指令
【发布时间】：2018-02-14 10:11:36
【问题描述】：

我的 HomepageComponent 包含一个自定义指令 MapDirective，绑定到选择器名称 myMap。

在 homepage.component.html

  ...
  <div myMap position=??></div>
  ...

我希望仅在我从 HomepageComponent 中检索到位置后才加载该指令，以便在显示地图时将其居中于用户位置。

这需要稍等片刻，以便我可以使用 navigator.geolocation.getCurrentPosition 异步调用检索位置。

有可能吗？

【问题讨论】：

【解决方案1】：

如果你想显示一个div或者其他带有条件的标签，你可以使用*ngIf

<div *ngIf="position" myMap position=??></div>

所以当你解决 getposition 调用的承诺时，你只会显示位置 div

【讨论】：