leaflet - 无法绑定到“leafletMarkerCluster”，因为它不是“div”的已知属性

Question

我在 Angular 5 应用程序中使用 ngx-leaflet-markercluster。我根据演示更改了代码，但仍然出现以下错误：

无法绑定到“leafletMarkerCluster”，因为它不是“div”的已知属性。

有任何想法吗？有人试过v1.0.0吗？

Answer 1

确保将其导入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 { }