Angular 5 事件发生后加载指令

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 call

的promise时，你只会显示位置div

Angular 5 load directive after an event occurs