Angular Can'；不能绑定到inlineSVG

我试图通过包在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”的已知属性

---

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

我也遇到过同样的问题，在angular cli应用程序中，将导入放置在app.module中是可行的，但在angular app by webpack中构建时则不行

---

我通过将导入放在引用模板的组件中解决了这个问题，您打算在其中使用ng内联svg。

这个响应今天帮了我很多忙。非常感谢。