Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
涂底漆不涂底漆';s css,被Angular 4.0.1覆盖_Angular_Primeng_Angular4.x - Fatal编程技术网

涂底漆不涂底漆';s css,被Angular 4.0.1覆盖

涂底漆不涂底漆';s css,被Angular 4.0.1覆盖,angular,primeng,angular4.x,Angular,Primeng,Angular4.x,我可以得到JSON来渲染,但是不能得到样式。我将css链接添加到index.html文件: <!-- #CSS Links --> <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/bootstrap/theme.css"> <link rel="stylesheet" type="text/css" href="../node

我可以得到JSON来渲染,但是不能得到样式。我将css链接添加到index.html文件:

 <!-- #CSS Links -->
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/bootstrap/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/primeng.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/primeng.min.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/_theme.scss">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cruze/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cupertino/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/cupertino/theme.css.map">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/darkness/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/flick/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/home/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/kasper/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/lightness/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/ludvig/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/omega/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/pepper-grinder/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/redmond/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/rocket/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/south-street/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/start/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/trontastic/theme.css">
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/voclain/theme.css">
组成部分:

    @Component({
    selector: 'office',
    templateUrl: './office.html',
    styleUrls: ['office.css'],
    encapsulation: ViewEncapsulation.None

})
export class OfficeComponent implements OnInit {

 files: TreeNode[];


 ngOnInit() {
        this.nodeService.getFiles().then(files => {
            this.files = [{
                label: 'Root',
                children: files
            }];
        });
    }

当我查看控制台以查看css呈现的内容时,它是模板的css,而不是primefaces。我试图推翻它,但没有成功

在组件ts文件中导入css

import 'primeng/resources/primeng.min.css'

在组件ts文件中导入css

import 'primeng/resources/primeng.min.css'

谢谢你的努力,但没有成功。我在
@Component
import'import'../../../../../../node_modules/primeng/resources/primeng.min.css'中尝试了这两种方法
导入'primeng/resources/primeng.min.css'你认为这可能是一个网页问题吗?在你的组件中,你不需要给出与../的相对路径,因为默认情况下它看起来在node_modules文件夹中。我不知道,谢谢。但是它仍然不起作用,当我在控制台中查看时,它正在使用bootstrap.min.css。感谢您的努力,但这不起作用。我在
@Component
import'import'../../../../../../node_modules/primeng/resources/primeng.min.css'中尝试了这两种方法
导入'primeng/resources/primeng.min.css'你认为这可能是一个网页问题吗?在你的组件中,你不需要给出与../的相对路径,因为默认情况下它看起来在node_modules文件夹中。我不知道,谢谢。但是它仍然不工作,当我查看控制台时,它正在使用bootstrap.min.css。Primefaces!=primengPrimefaces!=涂底漆