无法绑定到inlineSVG

Question

我正试图通过ng-inline-svg包在离子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中的Lazy Loading，您需要在每个使用它的Pages * .module.ts文件中添加InlineSVGModule的导入。

Answer 2

我也有同样的问题，将app.module中的导入放在angular-cli应用程序中，但不是在webpack的角度应用程序中构建时。

我通过将导入放在引用您打算使用ng-inline-svg的模板的组件中来解决它。