lazyLoad图片不适用于agm agm-snazzy-info-window

时间:2019-11-26 23:08:48

标签: angular angular-google-maps agm

我尝试通过使用ng-lazyload-image包在agm-snazzy-info-window中加载图像,但是该图像未加载,它始终显示默认图像。

<agm-snazzy-info-window [closeWhenOthersOpen]="true" 
        [showCloseButton]="false" [panOnOpen]="true"
        [maxHeight]="220" [maxWidth]="200" [padding]="'0px'">
        <ng-template>

        <img class="img-responsive fit-image" [lazyLoad]="item.image?.url"
                    [defaultImage]="defaultImage" [errorImage]="errorImage" />
       </ng-template>
</agm-snazzy-info-window>

如果我不使用lazyLoad,则可以渲染图像。

<img class="img-responsive fit-image" [src]="item.image?.url" />

软件包的版本:

"@agm/core": "^1.0.0-beta.7"
"@agm/js-marker-clusterer": "^1.0.0-beta.7"
"@agm/snazzy-info-window": "^1.0.0-beta.7"

"ng-lazyload-image": "^6.1.0"

有人遇到过同样的问题吗? 提前非常感谢您的帮助。

0 个答案:

没有答案