Question

我有一个具有sss样式ext的Angular项目

(advice-add 'undo-tree-load-history-hook :after (lambda () (setq buffer-undo-list '(nil undo-tree-canary))))

然后，我有一个需要使用带有主题背景的ngx-datatable的组件，因此我导入了css文件

bzcat filename.bz2 | head -200 | cut -f2,13-15,17 | ruby -ne 'puts "#{$_}" if $_ =~ /\s\d+\.\d+/; ' | ruby -ne 'puts "#{$_}"' | cut -f1-5

使用此代码，我无法使主题正常工作。而且我没有任何错误。在阅读了类似的问题Import regular CSS files in SCSS file

之后，我尝试了此方法

result.component.scss

6985418911  -81.804885  24.550558   12  http://farm8.staticflickr.com/7205/6985418911_df7747990d.jpg

10201275523 -79.365637  43.649708   16  http://farm6.staticflickr.com/5465/10201275523_3e6ea67c7f.jpg

7289030198  -73.985495  40.740067   15  http://farm8.staticflickr.com/7231/7289030198_1f1ba44113.jpg

4572998878  -71.047843  42.33719    16  http://farm4.staticflickr.com/3373/4572998878_658b45226f.jpg

3973434963  -0.384016   39.474441   15  http://farm3.staticflickr.com/2526/3973434963_76c26e3c88.jpg

2932067831  -109.4995   38.737861   16  http://farm4.staticflickr.com/3026/2932067831_8885c3d53f.jpg

但是在这种情况下，ngx-datatables css中字体的路径变得混乱

angular.json

"schematics": {
    "@schematics/angular:component": {
        "styleext": "scss"
    }
},...

（字体已经准备好了，我还没有碰过ngx的css文件）

我没有主意...。有人可以为我指出正确的方向吗？

PD：对不起，我的英语

Answer 1

在angular.json中，我们具有styles属性，该属性将允许加载第三方css文件。

"styles": [
     "node_modules/angular-calendar/dist/css/angular-calendar.css"
],

如何在Angular Scss项目中导入ngx-datatable CSS样式

1 个答案: