Angualr學習筆記

0.安裝即環境初始化

下載node至windows，點擊安裝，全部環境變量直接OK；

linux下載tar後，解壓，在/etc/profile的path路徑下增長node執行路徑：

export PATH=$JAVA_HOME/bin:$JRE_HOME/bin:/home/xxx/angular/node-v8.12.0-linux-x64/bin:$PATH

source /etc/profile

直接使用node --version和npm, 有輸出證實node環境安裝完成。

 

下面安裝angular的命令行工具，

npm install -g @angular/cli

ng new myApp

ng serve

 

1.在angular的html，""裏面是property或表達式或變量，而不是純字符串，純字符串是"''"; 雙引號里加單引號的是純字符串；

以下：

<div class="m-1">
<button class="btn btn-primary" (click)="setCategory('soccer')">Soccer</button>
<button class="btn btn-primary" (click)="setCategory(chessCategory)">
Chess
</button>
<button class="btn btn-primary"
(click)="setCategory('Water' + 'Sports')">Watersports</button>
<button class="btn btn-primary" (click)="setCategory(null)">All</button>
</div>

soccer:是字符串

chessCategory：則是組件的屬性；

2.@NgModule({
providers: [Repository]
}) 
中的providers部分表示該類會被做爲DI注射到其餘Class中去。即其餘類的構造函數裏，會傳入providers裏的類做爲參數；

3.@Injectable()加載類前面，表示該類的構造函數須要一個angular系統提供DI的參數。好比下面的定義：

@Injectable()
export class Repository {
    private filterObject = new Filter(); private paginationObject = new Pagination(); constructor(private http:Http) { //this.filter.category = "soccer"; this.filter.related = true; this.getProducts(true); }
......
}

構造函數裏須要一個Http的輸入參數；

上面節選自Essential angular+MVC，可能不許確。通過書中其餘實例，判讀啊Injectable 是指該類能夠做爲服務，便可以用來DI的服務，在module裏的provider裏聲明他們，能夠被其餘類進行依賴，靠DI自動建立的類。

 

4. 跨域訪問