Winkel 2 umfassen CSS-Datei, die für alle Seiten

Ich weiß, interne Stile umfassen und umfassen externe Stil für eine Komponente in Angular 2Winkel 2 umfassen CSS-Datei, die für alle Seiten

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; 
    } 
}

ich einige gemeinsame CSS enthalten sein sollen, die verwendet werden könnten, über meine ganze Anwendung wie normales HTML.

Gibt es irgendeine angulare spezifische Art, es zu tun, oder das ist der richtige Weg ??

Quelle

2016-07-14 Karthikeyan sundaramoorthi

Platzieren Sie es in der 'index.html' Ich würde sagen .. :) – PierreDuc

gibt es keine spezielle Möglichkeit, es in eckigen rechts zu tun ... –

index.html:

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

Quelle

2016-07-14 10:25:58 Randy

Ist das der rechtliche Weg, um es zu erreichen? –

Dies ist für jedes HTML-Framework und sogar ohne ein Framework zulässig. Wenn Sie ein Stylesheet in angular hinzufügen, wird der Inhalt dieser Datei einfach in die Kopfzeile eingefügt. Es gibt also keinen wirklichen Unterschied, außer dass dies überall geschieht. – Randy

Alternativ gibt es eine src/styles.css Datei im Standard-Angular Projekt fileset. Wenn Sie die Stile hinzufügen, werden sie automatisch in die von Ihrer index.html eingebunden.

Quelle

2017-04-20 11:32:05 Herc

Winkel 2 umfassen CSS-Datei, die für alle Seiten

Antwort

Verwandte Themen