建立一個angular項目、元件以及服務

建立項目

ng new 項目名稱
           

在選項中選擇y以及less

建立元件

ng g component component/news
ng g 可檢視可建立的類目
           

component/news 為目錄

使用指令行建立，根子產品會自動引入并且配置

建立服務

ng g service services/storage
           

在app.moudles.ts裡面引入建立的服務并且聲明

import { StorageService } from './services/storage.service';
        @NgModule({
            ....
            providers: [StorageService], /* 配置項目所需要的服務*/
            ....
            })
           

再用到的元件裡引入服務并且執行個體化

// 引入服務  StorageService--就是一個類
      import {StorageService} from '../../services/storage.service'
      // 執行個體化服務的類
      var service= new StorageService