无法绑定到 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>

我得到了错误

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

Answer 1

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