angular 控件css_angular项目css写在哪
时间: 2023-07-28 12:17:53 浏览: 155
angular:项目地址
在 Angular 项目中,通常建议将组件相关的 CSS 样式写在组件的 CSS 文件中。每个组件都应该有一个独立的 CSS 文件,以确保样式不会影响到其他组件。你可以在组件的元数据装饰器中使用 `styleUrls` 属性引用组件的 CSS 文件,例如:
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css']
})
export class ExampleComponent {
// 组件代码
}
```
在上面的代码中,`ExampleComponent` 组件的 CSS 样式存放在 `example.component.css` 文件中,并通过 `styleUrls` 属性进行引用。当组件被加载时,Angular 会自动加载并应用 CSS 样式。
阅读全文