Angular-google-maps: 渲染时出现 agm-snazzy-info-window 错误

创建于 2017-09-25  ·  3评论  ·  资料来源: SebastianM/angular-google-maps

问题描述
我正在尝试使用不带标记的 agm-snazzy-info-window,但在渲染此窗口时出现错误
这是代码:

<div *ngIf="selectedMarker" >
    <agm-snazzy-info-window 
         [latitude]="selectedMarker.latitude" 
         [longitude]="selectedMarker.longitude"
         [isOpen]="true">
      {{selectedMarker.id}}
    </agm-snazzy-info-window>
</div>

_我们应该在您的演示中尝试哪些步骤来查看问题?_

添加agm-snazzy-info-window ui组件,设置输入参数[isOpen]="true"

当前行为

控制台中的错误:

core.es5.js:1020 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'createEmbeddedView' of undefined TypeError: Cannot read property 'createEmbeddedView' of undefined at ViewContainerRef_.webpackJsonp.../../../core/@angular/core.es5.js.ViewContainerRef_.createEmbeddedView (core.es5.js:10056) at AgmSnazzyInfoWindow.webpackJsonp.../../../../@agm/snazzy-info-window/directives/snazzy-info-window.js.AgmSnazzyInfoWindow._createViewContent (snazzy-info-window.js:154) at snazzy-info-window.js:140 at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (core.es5.js:3890) at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.run (zone.js:142) at zone.js:844 at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.es5.js:3881) at ViewContainerRef_.webpackJsonp.../../../core/@angular/core.es5.js.ViewContainerRef_.createEmbeddedView (core.es5.js:10056) at AgmSnazzyInfoWindow.webpackJsonp.../../../../@agm/snazzy-info-window/directives/snazzy-info-window.js.AgmSnazzyInfoWindow._createViewContent (snazzy-info-window.js:154) at snazzy-info-window.js:140 at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (core.es5.js:3890) at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.run (zone.js:142) at zone.js:844 at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.es5.js:3881) at resolvePromise (zone.js:795) at zone.js:847 at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.es5.js:3881) at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424) at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:192) at drainMicroTaskQueue (zone.js:602) at <anonymous>

angular2 & angular-google-maps 版本

    "agm/core": "1.0.0-beta.1",
    "agm/snazzy-info-window": "1.0.0-beta.1",
    "snazzy-info-window": "1.1.0",

其他信息

有趣的是,当我从模板中删除参数 [isOpen] 时,错误消失了。

stale

最有用的评论

有同样的问题。 在这里检查文档后
https://angular-maps.com/guides/snazzy-info-window/custom-info-windows-with-snazzy-info-window/我注意到你需要有<ng-template>包装内容<agm-snazzy-info-window>才能工作。
它奏效了:)

所有3条评论

同样在这里...

有同样的问题。 在这里检查文档后
https://angular-maps.com/guides/snazzy-info-window/custom-info-windows-with-snazzy-info-window/我注意到你需要有<ng-template>包装内容<agm-snazzy-info-window>才能工作。
它奏效了:)

此问题已自动标记为过时,因为它最近没有活动。 如果没有进一步的活动,它将被关闭。 感谢你的贡献。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

ostapch picture ostapch  ·  4评论

Subhojit1992 picture Subhojit1992  ·  3评论

stot3 picture stot3  ·  3评论

DeveloperAdd007 picture DeveloperAdd007  ·  3评论

mensch picture mensch  ·  3评论