모듈 설치

npm install --save @angular/http@4.4.6

reduce 메서드

carParts = [{
    id: 1,
    name: "Super Tires",
    description: "These tires are very best",
    price: 2000,
    inStock: 5
},{
    id: 2,
    name: "Reinforced Shocks",
    description: "Shocks made from kryptonite",
    price: 23000,
    inStock: 4
},{
    id: 3,
    name: "Padded Seats",
    description: "Super soft seats for smooth ride",
    price: 4000000,
    inStock: 0
}];

totalCarParts(): number{
    /*let sum = 0;
    for(let carPart of this.carParts){
        sum += carPart.inStock;
    }
    return sum;*/
    return this.carParts.reduce((amount, current) => amount + current.inStock, 0);
}

component는 NgModule의 declarations에 등록한다

클래스를 파일별로 만들어서 export를 이용해서

다른 파일에서 import로 사용

car.ts

export class Car{
    
    private numTier: number|string;
    private carName: string;

    constructor(carName: string, numTier: number|string){
        this.carName = carName;
        this.numTier = numTier;
    }

    setNumTier(value: number | string) {
        this.numTier = value;
    }

    setCarName(value: string) {
        this.carName = value;
    }

    getNumTier(): number | string {
        return this.numTier;
    }

    getCarName(): string {
        return this.carName;
    }
}

other.ts

import {Car} from "./Car";

https://seccoding.github.io/

npm install --save @angular/common @angular/compiler @angular/core @angular/platform-browser @angular/platform-browser-dynamic concurrently core-js es6-shim lite-server reflect-metadata rxjs systemjs zone.js

https://seccoding.github.io/2017/04/23/angular_scripts.html

ng g c header -d

> ng generate component header --dry-run

ng g c header -it -is

> ng generate component header --inline-template --inline-style

--inline-template > html

--inline-style > css

--spec false > spec