inlineSVGにバインドできません

Question

私はインラインSVGをionic 3.3.0/Angular 4.1.2〜ng-inline-svgパッケージで使用しようとしています。それは 'DIV' の既知の特性ではないので

は 'inlineSVG' にバインドできませんエラーを取得

import { HttpModule } from '@angular/http'; 
import { InlineSVGModule } from 'ng-inline-svg'; 

@NgModule({ 
    declarations: [AppComponent], 
    imports: [BrowserModule, HttpModule, InlineSVGModule], 
    bootstrap: [AppComponent] 
}) 
class AppModule {} 

テンプレート

<div class="icon icon-shop" aria-label="My icon" [inlineSVG]="'../../assets/symbol-defs.svg#icon-shop'"></div> 

とIM。

Answer 1

IonicでLazyを読み込んでいるため、InlineSVGModuleのインポートをすべてのPages * .module.tsファイルに追加する必要があります。

Answer 2

app.moduleにインポートを配置するのがangular-cliアプリでは同じでしたが、webpackで角度アプリに組み込んだときは同じ問題がありました。

ng-inline-svgを使用するテンプレートを参照するコンポーネントにインポートを配置することで解決しました。