我有一个组件页面和相应的样式表,但是组件.scss中的类并没有应用到页面上。没有错误,我仍然想知道为什么?
这是我的product-detailpage.component.html文件。
<div>
<h1>Product Detail Page</h1>
</div>
这是 .ts 文件
import { Component, OnInit } from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {ProductdetailService} from '../productdetail.service';
@Component({
selector: 'app-product-detailpage',
templateUrl: './product-detailpage.component.html',
styleUrls: ['./product-detailpage.component.scss']
})
export class ProductDetailpageComponent implements OnInit {
constructor(private route: ActivatedRoute, private productData: ProductdetailService) {
this.route.params.subscribe(params => console.log(params));
}
ngOnInit() {
}
}
这是 .scss 文件
body{color:Red !important}
app-product-detailpage{
h1{color:red !important}
}
然而,我注意到如果我对全局 styles.css 进行更改,它可以正常工作。为了检查,我将 body 的颜色更改为绿色,它也可以工作。
我的 Angular 应用程序配置为使用 scss。可能的原因是什么?有人可以提供建议吗?