각 2

내가 내부 스타일을 포함 알고 난 이상 사용할 수있는 몇 가지 일반적인 CSS를 포함 할 각도 2각 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과 같은 전체 응용 프로그램.

각도 맞춤 방법이 있나요? 아니면 적절한 방법입니까?

출처

2016-07-14 Karthikeyan sundaramoorthi

내가 말하고자하는'index.html'에 넣으십시오. :) – PierreDuc

각도 오른쪽에서 그것을하는 특별한 방법이 없습니다 ... –

index.html을 :

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

출처

2016-07-14 10:25:58 Randy

이것을 달성하는 합법적 인 방법입니까? –

이것은 모든 HTML 프레임 워크와 프레임 워크가 없어도 유효합니다. 스타일 시트를 추가하면 단순히 파일의 내용을 헤더에 넣기 때문에 어디에서나 예외가 발생합니다. – Randy

는 다른 방법으로, 표준 각도 프로젝트 파일 세트의 SRC/styles.css라는 파일이 있습니다. 이 스타일을 여기에 추가하면 해당 스타일이 index.html에 자동으로 포함됩니다.

출처

2017-04-20 11:32:05 Herc

답변

관련 문제