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

时间:2016-07-14 10:23:05

标签: html css angular

我知道要包含内部样式并在 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。  

是否有任何角度特定的方式,或这是正确的方法?

2 个答案:

答案 0 :(得分:6)

的index.html:

resultToJava(FieldType fieldType, DatabaseResults results, int columnPos)

答案 1 :(得分:2)

或者,标准Angular项目文件集中有一个src / styles.css文件。如果您将样式添加到其中,它们将自动包含在index.html中。