下載檔案

1. Angular quickstart
2. node.js

環境建置

1. 安裝node.js
2. 解壓縮quickstart
3. 依序輸入這3個指令

   cd 指向quickstart路徑
   npm install
   npm start

檔案編輯

• app/component.ts→定義元件
• index.html→定義首頁
• main.ts→啟動Web APP
• style.css→定義全體Web APP的樣式

編輯元件

打開app/component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
   <h1>Hello {{name}}</h1> //變數用2個大括弧包起來
   <h2>text</h2>
  `,
  styles: [` //撰寫style
   h1 {
    color: red;
  }
  h2 {
    color: bluec;
   }
 `]
})

export class AppComponent{ 
 name = 'Fist Angular Application'; //定義變數內容 
}