无法绑定到'leafletMarkerCluster',因为它不是'div'

时间:2018-01-18 09:06:58

标签: leaflet leaflet.markercluster ngx-leaflet

我在角度5应用程序中使用ngx-leaflet-markercluster。我根据演示更改了代码,但仍然收到以下错误:

  

无法绑定到'leafletMarkerCluster',因为它不是'div'的已知属性。

有什么想法吗?有人试过v1.0.0吗?

1 个答案:

答案 0 :(得分:5)

确保将LeafletMarkerclusterModule导入应用程序的相应模块(类似于您对ngx-leaflet模块所做的操作)。此错误通常是由Angular不知道指令引起的,因为尚未导入模块。

例如,确保您使用ngx-leaflet和ngx-leaflet-markercluster的模块类似于以下内容:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { LeafletModule } from '@asymmetrik/ngx-leaflet';
import { LeafletMarkerClusterModule } from '@asymmetrik/ngx-leaflet-markercluster';

@NgModule({
    imports: [
        CommonModule,
        FormsModule,

        LeafletModule.forRoot(),
        LeafletMarkerClusterModule.forRoot()
    ],
    declarations: [
        MyComponent
    ],
    exports: [
        MyComponent
    ],
    bootstrap: [ MyComponent ],
    providers: [ ]
})
export class MyModule { }