事件发生后的Angular 5 load指令

Question

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

在 homepage.component.html

中

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

我希望只有在从 HomepageComponent 中检索位置后才能加载该指令，以便在显示时将地图置于用户位置的中心位置。

这需要等待一点，以便我可以使用navigator.geolocation.getCurrentPosition异步调用来检索位置。

是否可以这样做？

Answer 1

如果要显示带条件的div或其他标记，可以使用* ngIf

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

因此，当您解决getposition调用的承诺时，您将只显示位置div