angular 2包括所有頁面共有的css文件

Question

我知道要包含內部樣式並在Angular 2中包含組件的外部樣式

import {Component} from 'angular2/core';

@Component({
    selector: 'test',
    templateUrl:'app/test.component.html',
        styleUrls:['app/test.component.css']
})
export class AppComponent {
    carparts = [
    {
        "id": 1,
        "name": "Super Tires",
        "description": "These tires are the very best",
        "inStock": 5
    },
    {
        "id": 2,
        "name": "Reinforced Shocks",
        "description": "Shocks made from kryptonite",
        "inStock": 0
    }];

    totalCarParts(){
        let sum = 0;
        for (let carPart of this.carparts) {
            sum += carPart.inStock;
        }
        return sum;
    }
}

我想包括一些可以在我的整個應用程序中使用的常見CSS，如普通的html。

是否有任何角度特定的方式做到這一點或這是正確的方法？

Answer 1

index.html的：

<!DOCTYPE html>
<html ng-app="app" ng-controller="AppController">
<head>
    <title>Title</title>
    <link rel="stylesheet" href="styles/sheet.css"/>
</head>
...

Answer 2

或者，標准Angular項目文件集中有一個src / styles.css文件。 如果您將樣式添加到其中，它們將自動包含在index.html中。

angular 2包括所有頁面共有的css文件

問題描述

2 個解決方案

解決方案1
6 已采納 2016-07-14 10:25:58

解決方案2
2 2017-04-20 11:32:05

angular 2包括所有頁面共有的css文件

問題描述

2 個解決方案

解決方案1 6 已采納 2016-07-14 10:25:58

解決方案2 2 2017-04-20 11:32:05

解決方案1
6 已采納 2016-07-14 10:25:58

解決方案2
2 2017-04-20 11:32:05