样式URL在Angular 2.4中不起作用
我使用的是Angular 2.4,我在index.html文件中链接了一些CSS文件,但它们是我不希望它们设置样式的区域,所以我决定将它们与样式URL在Angular 2.4中不起作用,angular,Angular,我使用的是Angular 2.4,我在index.html文件中链接了一些CSS文件,但它们是我不希望它们设置样式的区域,所以我决定将它们与styleUrls链接,以便它们只应用于特定组件。完成此操作后,我的样式不再应用于任何地方。我试着用样式URL将它们链接成几种不同的方式,但都没能成功 以下是我正在使用的文件及其位置: app/Dashboard/calendar.component.ts app/Dashboard/calendar.component.html app/Dashboar
styleUrls
链接,以便它们只应用于特定组件。完成此操作后,我的样式不再应用于任何地方。我试着用样式URL
将它们链接成几种不同的方式,但都没能成功
以下是我正在使用的文件及其位置:
- app/Dashboard/calendar.component.ts
- app/Dashboard/calendar.component.html
- app/Dashboard/omega.theme.css
- app/Dashboard/primeng.min.css
@Component({
moduleId: module.id,
selector: 'calendar',
templateUrl: 'calendar.component.html',
styleUrls: ['omega.theme.css', 'primeng.min.css']
})
export class CalendarComponent implements OnInit, OnDestroy {
...
}
如您所见,我希望omega.theme.css和primeng.min.css仅应用于我的calendar.component.html文件,但我的代码不起作用。我做错了什么?将Url修改为
styleUrls: ['./omega.theme.css', './primeng.min.css']
将Url修改为
styleUrls: ['./omega.theme.css', './primeng.min.css']
这似乎也不起作用。我所期待的和以前得到的款式仍然不存在。如果它们链接正确,我在Chrome inspector工具中找到“源”,然后在app/Dashboard/中查看,我不应该看到那里列出的那些文件吗?我找不到它们。正在升级404?你在应用程序/仪表板中看到了什么?只有module.js、service.js和component.js文件这似乎也不起作用。我所期待的和以前得到的款式仍然不存在。如果它们链接正确,我在Chrome inspector工具中找到“源”,然后在app/Dashboard/中查看,我不应该看到那里列出的那些文件吗?我找不到它们。正在升级404吗?你在应用程序/仪表板中看到了什么?只有module.js、service.js和component.js文件