Angular架構被分成不同的小部分,比如組件、指令、模板、服務和模塊等。
在開始開發Angular應用程序之前,我們應該了解應用程序每個部分的基本用法。因此,它將幫助我們使Angular應用程序更快、更流暢。
下麵是演示Angular架構的圖片。
在上麵Angular架構圖的幫助下,我們可以識別出Angular應用的八個主要構建模塊。
- 組件:Angular 2+架構完全是基於組件的。組件什麼都不是而是一個與組件的.html文件交互的類,以顯示數據在瀏覽器上。
- 元數據:元數據是關於數據的數據。它提供了關於組件/的詳細信息模塊等。
- 模板:Templates結合了Angular標記和HTML標記,這可能會有所幫助在瀏覽器上顯示之前修改數據。模板包含設計邏輯(HTML)的程序編寫在組件的格式和擴充應用程序。
- 數據綁定:它是HTML元素之間的連接或通信組件屬性。它用於在它們之間綁定數據、事件和屬性。
- 模塊:模塊是包含組件組,指令,管道和服務,它們與angular應用程序相關。
- 服務:服務的主要目標是共享業務邏輯、模型或數據和它所包含的Angular應用的不同組件的函數業務邏輯是可以重用的,這意味著我們可以編寫一次並使用它在任何需要的應用程序的任何位置。
- 依賴注入:DI是一種設計模式,用於提供類的依賴關係外部資源,而不是創造它們。這是處理方式代碼依賴項。用於注入或加載服務對象成組件。
- 指令:它用於修改DOM元素。簡而言之,指令是DOM的指令。
- 管:管道也是一個構建塊,盡管在上麵的圖中沒有提到。管道的主要目標是將數據轉換為所需的輸出將其顯示到瀏覽器。