在Angular 2中,要導入CSS文件很簡單。您可以使用組件的注解或將樣式文件導入到根應用組件的HTML文件中的`
`標簽中。要使用組件的注解,只需在組件的裝飾器中設置`styleUrls`屬性。例如:
@Component({ selector: 'app-example', templateUrl: './example.component.html', styleUrls: ['./example.component.css'] })
在上面的示例中,`example.component.css`是相對于`example.component.ts`文件的路徑。在這個CSS文件中,您可以定義組件的樣式。
如果您想將某個CSS文件導入到應用程序的所有組件中,您可以將它導入到根應用組件的HTML文件中的`
`標記中。例如:My Angular 2 App Loading...
在上面的示例中,`styles.css`是根應用組件的HTML文件中位于同一目錄下的CSS文件。這個CSS文件中的樣式將應用到應用程序的所有組件中。
總之,通過在組件的裝飾器或根應用組件的HTML文件中導入CSS文件,您可以輕松地管理和應用應用程序中的樣式。
上一篇2020年css新特性
下一篇mysql載入圖片不成功