Angular開發環境（1）

1.程序架構

• 組件：angular應用的基本構建塊，一段帶有業務邏輯和數據的html
• 指定：允許想html添加自定義行爲，（寫一個自動完成在input標籤上）
• 服務：用來封裝重用的業務邏輯，在不同的組件中調用，服務可以調用服務
• 模塊：將應用中不同的部分組織成一個angula框架可以理解的單元
  

2.環境搭建

• 安裝nodejs,angular CLI（angular命令行生成記得基礎代碼）,webstrom(集成開發環境)
  https://blog.csdn.net/guiyunfan94/article/details/70231249
• 新建項目：ng new 項目名
  
• 內部介紹
  
  

3.組件模塊

組件：
- @component()裝飾器，裝飾器裏的屬性叫元數據，告知angular框架如何處理typescript類，包含多個屬性，這些屬性的值叫元數據，angular會根據元數據的值來渲染組件
- Template模板：通過組建的模板來定義組件的外觀,以html形式存在，告訴angular如何渲染組件，可以再模板中使用angular語法呈現控制器
- 控制器：包含組件的所有屬性和方法，通過數據綁定與模板通信，控制器控制模板上

模塊：

• 首先引入模塊需要的東西：import
• 聲明組件：只能聲明組件指令和管道
• 用import屬性聲明其他組件，我們需要的組件
• providers:[這裏只能聲明服務]

4.小結

先了解angular每部分都是幹什麼的，然後進行實踐檢驗，不斷重複，熟練了就不會怕a(啊)n(呢)g(哥)u(優)l(了)a(啊)r(空)是個什麼鬼了。