涂底漆不涂底漆';s css,被Angular 4.0.1覆盖
我可以得到JSON来渲染,但是不能得到样式。我将css链接添加到index.html文件:涂底漆不涂底漆';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
<!-- #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!=涂底漆