问题描述
我正在尝试使用不带标记的 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] 时,错误消失了。
同样在这里...
有同样的问题。 在这里检查文档后
https://angular-maps.com/guides/snazzy-info-window/custom-info-windows-with-snazzy-info-window/我注意到你需要有<ng-template>
包装内容<agm-snazzy-info-window>
才能工作。
它奏效了:)
此问题已自动标记为过时,因为它最近没有活动。 如果没有进一步的活动,它将被关闭。 感谢你的贡献。
最有用的评论
有同样的问题。 在这里检查文档后
https://angular-maps.com/guides/snazzy-info-window/custom-info-windows-with-snazzy-info-window/我注意到你需要有
<ng-template>
包装内容<agm-snazzy-info-window>
才能工作。它奏效了:)