模板解析错误 - leafletOptions

Question

我正在尝试遵循 example 并收到以下错误：

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'leafletOptions' since it isn't a known property of 'div'. ("
<div class="map"
leaflet
[ERROR ->][leafletOptions]="options">
</div>

这是我的环境：

Angular CLI: 1.6.5
Node: 6.9.1
OS: linux x64
Angular: 5.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.1.0
@angular/cli: 1.6.5
@angular/flex-layout: 2.0.0-beta.12
@angular/material: 5.1.0
@angular-devkit/build-optimizer: 0.0.41
@angular-devkit/core: 0.0.28
@angular-devkit/schematics: 0.0.51
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.5
@schematics/angular: 0.1.16
typescript: 2.5.3
webpack: 3.10.0

我假设这一定很简单，但这是我第一次使用最新版本的 angular。

Answer 1

所以我找到了解决办法。

我正在尝试为我的地图创建一个单独的模块，需要添加

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

到我的地图模块而不是我的 app.component.ts。希望这对以后的人有所帮助。

模板解析错误 - leafletOptions

Template parse errors - leafletOptions

ngx-leaflet