Kendo ui angular2 Angular2中的剑道网格和图表不应用样式

Kendo ui angular2 Angular2中的剑道网格和图表不应用样式,kendo-ui-angular2,Kendo Ui Angular2,我已经加载了剑道网格和图表所需的所有依赖项。我甚至检查了node_modules/@progress文件夹。网格和图表已加载,但样式已丢失。您需要安装KendoUI默认主题,它不依赖于其他kendo软件包 @progress/kendo-theme-default 请参见此处的文档和教程: 然后,您可以将all.css文件包含在标记中,或将其包含在根组件(通常为app.component)中,并将Encapsuation设置为None,以便将其应用于下面的所有组件 如果要使用scss文件,您

我已经加载了剑道网格和图表所需的所有依赖项。我甚至检查了node_modules/@progress文件夹。网格和图表已加载,但样式已丢失。

您需要安装KendoUI默认主题,它不依赖于其他kendo软件包

@progress/kendo-theme-default
请参见此处的文档和教程:

然后,您可以将all.css文件包含在标记中,或将其包含在根组件(通常为app.component)中,并将Encapsuation设置为None,以便将其应用于下面的所有组件


如果要使用scss文件,您需要配置软件包管理器,以便能够生成scss文件。

谢谢。我真的做到了。我在我的组件中提供了一个参考,如下所示。是否有其他步骤需要遵循,但它不起作用。styleUrls:['../../node_modules/@progress/kendo-theme-default/dist/all.css']如果将其放在组件中,由于样式封装,您需要执行其他步骤。请看我的另一个答案:我尝试了你建议的方式。但是当我建立我的网页时,它失败了。无法读取-@import“~@progress/kendo-theme-default/scss/all”;有没有简单的方法让剑道主题适合我的剑道网格。当我尝试仅在组件中包含时,无法识别样式ViewEncapsulation。非常感谢您的建议。因为您可能会错过scss文件的sass加载程序。最简单的方法可能是直接将dist/all.css包含在标记中。谢谢但你能解释一下为什么实际的方法会失败吗?