Angular 介紹

　　Angular 是一款來自谷歌的開源的web前端框架，誕生于2009年，是一款優(yōu)秀的前端JS框架，已經(jīng)被用于谷歌的多款產(chǎn)品。

　　Angular 基于Typescript開發(fā) ，更適合中大型企業(yè)級(jí)的項(xiàng)目。

學(xué)習(xí)Angular的必備基礎(chǔ)

　　html、css、js、es6、Typescript.

載入需要的庫

　　推薦使用npm來作為包的管理工具

組件

　　component定義對(duì)象是一個(gè)angular組件，接收一個(gè)包含兩個(gè)屬性的配置對(duì)象

　　selector：為HTML元素定義了一個(gè)CSS選擇器my-app

　　template： 屬性容納著組件的模板

　　@Component{

　　　　selector：‘my-app’,

　　　　templateUrl: ''

　　}

模塊

　　angular應(yīng)用都是模塊化的

Class定義對(duì)象

　　在Class方法中，我們可以給組件添加屬性和方法

　　定義一個(gè)Class類

　　定義一個(gè)構(gòu)造函數(shù)

　　.Class({

　　　　constructor: function(){}

　　})

添加NgModule

　　angular應(yīng)用是由angular模塊組成

　　app.AppModule = ng.core.NgModule({

　　　　imports: [ ng.platformBrowser.BrowserModule ],

　　　　declarations: [ app.AppComponent ],

　　　　bootstrap: [? app.AppComponent ]

　　})

啟動(dòng)應(yīng)用

　　添加app/main.js文件

　　我們需要兩樣?xùn)|西來啟動(dòng)應(yīng)用：

　　　　1.angular的platformBrowserDynamic().bootstrapModule 函數(shù)

　　　　2.應(yīng)用根模塊Appmodule

　　執(zhí)行過程為：當(dāng)angular在main.js中調(diào)用bootstrapModule函數(shù)時(shí)，它讀取AppModule的元數(shù)據(jù)，在啟動(dòng)組件中找到AppComponent并找到my-app選擇器，定位到元素，然后在這個(gè)標(biāo)簽之間載入內(nèi)容。

Angular2 Typescript

　　Typescript是一種由微軟開發(fā)的自由開源的編程語言，它是JavaScript的一個(gè)超集，擴(kuò)展了JavaScript的語法。

數(shù)據(jù)綁定

　　有兩種類型的數(shù)據(jù)綁定：

　　　　1. 事件綁定 讓你的應(yīng)用可以通過更新應(yīng)用的數(shù)據(jù)來響應(yīng)目標(biāo)環(huán)境下的用戶輸入。

　　　　2. 屬性綁定 讓你將從應(yīng)用數(shù)據(jù)中計(jì)算出來的值插入到HTML中。

　　Angular 支持雙向數(shù)據(jù)綁定，這意味著DOM中發(fā)生的變化同樣可以反映回你的程序數(shù)據(jù)中。

依賴注入

　　依賴注入器會(huì)為組件提供一些服務(wù)，比如路由器服務(wù)就能讓你定義如何在視圖之間導(dǎo)航。

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/veraNotes/p/10799440.html

總結(jié)

以上是生活随笔為你收集整理的Angular2入门--架构概览的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。