时间戳

首页 > 解决方案 > 如何将css导入angular 4中的组件

css - 如何将css导入angular 4中的组件

问题描述

我想将 css 添加到组件 [Angular 4] 中。我尝试通过styleUrls将其添加到“ resume.component.ts ”中，但我无法访问资产的 url！

请帮我将 css 添加到组件中。谢谢大家 :D

这个问题在这里

标签： cssangular

解决方案

将 CSS 文件导入 Angular 应用程序有多种方法。

  1. Angular 遵循组件结构（angular cli），它将为您提供CSS/HTML/TS/Spec.ts每个组件的文件。@component因此，您只需添加 file name 即可在styleUrls属性（接受文件名数组）中简单地为该特定组件添加 CSS 文件，无需在此处添加完整路径。

  2. 如果您想在应用程序中添加一些全局 CSS，则可以将其添加到.angular-cli.json文件中（因为您使用的是 angular v4）。

  3. 另一种方式，如果您想将 CSS 文件导入到另一个 CSS 中，那么您可以使用完整路径这样的简单导入语法

    @import '/assets/css/yourstyle.css';

推荐阅读