[Angular 深入淺出三十天] Day 05 - 臺北捷運列車到站站名資料

  • 111
  • 0
  • 2020-03-22

參考: https://ithelp.ithome.com.tw/articles/10203814

名單來源為JSON格式

PS.

  1. 迴圈
    *ngFor="let item of list"
    *ngFor="let item of list; index as i"
  2. 插值表達式
    {{ }}
  3. pipe (管道)
    date: 'yyyy-MM-dd HH:mm:ss'
  4. stationList 給 import 進來使用
    // Constant
    import { stationList } from './station-list.const';
  5. NgModule (app.module.ts)
    1. 引入的區塊
    2. 裝飾器(Decorator)區塊
    3. 類別(Class)
  6. Component (app.component.ts)
  7. 資料綁定
    1. 插值表達式
    2. 屬性綁定
    3. 事件綁定
    4. 雙向綁定