第一天學習angular，首先看了基本的搭建過程和基本概念。

環境搭建：

首先安裝nodejs和npm，然後安裝angularcli，要使用npm命令安裝 CLI，請開啟終端/控制檯視窗，輸入如下命令：

npm install -g @angular/cli

建立工作空間和初始應用：

執行 CLI 命令ng new並提供my-app名稱作為引數，如下所示：

ng new my-app

執行應用：

1. 導航到 workspace 資料夾，比如my-app。

2. 執行下列命令：cd my-app ng serve --open

3. 如果你的安裝和環境搭建成功了，就會看到如下頁面：

4. NgModule 簡介：

Angular 應用是模組化的，它擁有自己的模組化系統，稱作NgModule。 一個 NgModule 就是一個容器，用於存放一些內聚的程式碼塊。

NgModule元資料：

NgModule 是一個帶有@NgModule()裝飾器的類。@NgModule()裝飾器是一個函式，它接受一個元資料物件，該物件的屬性用來描述這個模組。

最後，學習了一下angular三種括號各自的用法：

方括號[ ]

屬性名加上方括號後，右側賦值為表示式的值

如果屬性沒有方括號，右側賦值為字串

1. <div class="red">red</div> //這裡類名為red
2. <div [class]="red">red</div> //這裡類名為blue,就是說有方括號右側為表示式
4. //元件中
5. red: string = "blue";

圓括號( )

圓括號用於事件繫結，就是觸發元素上的事件，繫結的方法就會響應，如

<div (click)="go()">gogo</div>   //圓括號裡面放事件
 
//元件類
go() {
 //表示式...

花括號{{ }}

使用花括號{{表示式}}這種方法稱之為插值，可以放在模板中，注意裡面的表示式不能用於賦值、運算等操作，用於顯示一些值還是可以的。

<div>{{good}}</div> //<div>你好</div>
 
 
 
//元件類
 
good: string = "你好";

最後說一下字串變數`${ }`，這個的用法，比如說用於賦值，注意加上` `反引號

 
goo: string = "你好";
 
good: string = `親愛的${goo}`; //等於good: string = "親愛的你好";