angular - 无法绑定(bind)到 inlineSVG

Question

我正在尝试通过 ng-inline-svg 在 ionic 3.3.0/Angular 4.1.2 中使用内联 SVG包裹。

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>

我得到了错误

Can't bind to 'inlineSVG' since it isn't a known property of 'div'.

Answer 1

由于 Ionic 中的延迟加载，您需要在您曾经使用过的每个 Pages *.module.ts 文件中添加 InlineSVGModule 的导入。