Angular2 - 概述

*Hi DAI, 我想學習 Angular2, 我應該怎麼開始?

關於學習 Angular2, 我認爲你應該按照下面的列表

• 概述: 在您爲 Angular2 應用程序編寫第一個代碼以前, 這將爲您提供關於 Angular2 的概述。
• 路由: 這將幫助咱們瞭解 angular2 如何顯示頁面和如何傳遞參數。
• 數據綁定: 這將幫助咱們瞭解如何在UI中顯示數據, 並從接收用戶輸入數據。
• 組件和指令: 這將幫助您瞭解在 Angular2 中學會建立可重用組件以及它們之間的交互。
• 組件生命週期: 這將幫助咱們瞭解如何處理組件的事件。
• 依賴注入: 這有助於咱們瞭解如何使用 angular2 提供的 依賴注入。

*什麼是 Angular?

 Angular是一個用來建立單頁應用(spa)的很好的框架

 

*什麼是 SPA?

 只有一張Web頁面的應用/網站，是加載單個HTML 頁面並在用戶與應用程序交互時動態更新該頁面的Web應用程序。

*SPA 是否是一個靜態網站?

 在某些觀點上, 咱們能夠說 "是"。SPA應用程序包含 html、js、css 文件, 並利用 ajax 的功能獲取其餘資源/發送請求。例如: 用戶信息, 或在數據庫中建立新記錄..。

SPA同時也改善了應用與用戶之間的交互，改進了性能。

*我該學習哪一個版本的Angular？

 到如今爲止，我瞭解的有兩個版本的AngularJS:1.X 和2.X

• Angular 1.x 是老版本了，新項目中就不建議使用了。
• Angular 2.x 是新版本，採用TypeScript處理應用邏輯，咱們應該學習這個版本。

*爲何學習Angular來建立SPA？

 

建立SPA, 有許多框架供咱們選擇, 如: Angula, React, Durandal, extjs, Backbone.js, React, Ember.js, Meteor ...

如今, Angular和React已經成爲這一用途的熱門框架。

在這一系列的文章中, 咱們將只專一於Angular。稍後將會有其餘一系列的討論。

Angular是一個開源框架, 由谷歌支持, 易於得到社區支持。

*何時該使用Angular？

 這是一個企業框架, 應用於建立複雜的 web 應用程序。

在 Angular2 中, 它使用TypeScript來處理應用程序的邏輯。這也補充了Anglar的力量。

*你有沒有能夠參考的代碼？

 有的，你能夠參考 https://github.com/techcoaching/angular2

*我要怎麼運行這個代碼？

 按照下面的說明運行示例代碼：

• 將代碼在你本機檢出
• 把檢出的目錄映射到你的Web服務程序（好比：IIS中的http://localhost）
• 在當前代碼目錄運行 "npm install "，安裝代碼中的npm程序包
• 運行"tsc"，將 ts 代碼 編輯爲 js(採用TypeScript編寫的代碼)。你可能會看到一些警告「node_modules/**」，忽略了吧。
• 打開瀏覽器，輸入「http://localhost」，看到下面的截圖

 

摘自：https://www.codeproject.com/Articles/1164843/Angular-Overview