Ag grid 如何为Angular 5包含ag栅格样式？

我将Angular 5与ag grid 17.x一起使用，我只是想做一个简单的“hello world”类型的示例，但是在正确显示网格时遇到了问题。我的模板中有以下HTML：

<div style="width: 800px; height: 500px" class="ag-theme-balham">
  <ag-grid-angular
                   [rowData]="rowData"
                   [columnDefs]="columnDefs">
  </ag-grid-angular>
</div>

…这很管用，但我觉得这个解决方案不合适。我试图将它们导入到我的一个.scss文件中：

@import '~ag-grid/src/styles/ag-grid.scss';
@import '~ag-grid/src/styles/ag-theme-fresh.scss';

…但出现了一系列参考错误（找不到图标等）

---

我的问题是如何将ag网格样式和主题导入到Angular应用程序中？我已经翻遍了文档，但似乎找不到我偶然发现的解决方案，所以假设它是错误的……但也找不到任何有效的方法。谢谢你的帮助

koolhuman提供的链接是正确的，在此基础上我想补充两点

您应该将

styles.scss

文件引用保留在

styles

数组中

angular cli.json

文件的最后一个。如果在

ag-grid

样式之前保留

styles.scss

，则要覆盖的ag-grid样式将被覆盖

在您的

元素上添加

class=“ag theme balhom”或
class=“ag theme fresh”
。简而言之，无论你想应用哪个主题

---

请参阅此文档-，您需要在angular-cli.json文件中添加ag grid的样式表谢谢！不知怎么漏掉了那份文件。你也打错了balhom，应该是balham

@import '~ag-grid/src/styles/ag-grid.scss';
@import '~ag-grid/src/styles/ag-theme-fresh.scss';