建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Angular4.0學習教程之架構詳解-創(chuàng)新互聯(lián)
前言
前段時間谷歌發(fā)布了廣受歡迎的Angular JavaScript框架的4.0版本，該版本致力于縮小生成代碼的體積，以及保持框架的簡化發(fā)布計劃。
很久沒寫這種比較偏概念類的東西了，不過我覺得沒有形成一個知識架構，學習效率會大打折扣。在這里把我的所理解的知識分享給大家，部分內容引用自官方文檔。下面進入主題
Angular架構概覽
先來看一下官方放出的架構圖。
架構概覽
這個架構圖展現(xiàn)了 Angular 應用中的 8 個主要構造塊：
- 模塊 (module)
- 組件 (component)
- 模板 (template)
- 元數(shù)據(jù) (metadata)
- 數(shù)據(jù)綁定 (data binding)
- 指令 (directive)
- 服務 (service)
- 依賴注入 (dependency injection)
接下來我按順序并結合圖來講解一下。
1.模塊 (module)
Angular 或者 ionic 新建的項目，都會存在一個根模塊，默認名是 AppModule。如果你使用了模塊化來創(chuàng)建應用，包括 AppModule，每個都會存在一個 @NgModule 裝飾器的類(雖然他很像 java 中的注解，但是他的官方命名叫裝飾器)。我們新建的頁面，如果不使用懶加載，都要在 @NgModule 中先聲明后使用。
下面舉個例子，簡單介紹一下 @NgModule 中的內容
//app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
imports: [ BrowserModule ],
providers: [ Logger ],
declarations: [ AppComponent ],
exports: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
文章題目：Angular4.0學習教程之架構詳解-創(chuàng)新互聯(lián)
路徑分享：http://www.dlmjj.cn/article/djcdeo.html
