問題の説明
マーカーなしで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>
angle2&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>
の。そしてそれはうまくいきました:)