Angular開發雜記 模組代替頁面

2021-06-18 08:28:08 字數 907 閱讀 5314

嘗試把原來的專案改造成angular實現,其中乙個特性:

原來是主頁放乙個iframe:

然後iframe裡面鏈結多個頁面。現在使用angular,是採用單頁,即主頁放乙個div,然後每個頁面變成模組,載入到div顯示。區別是,第1種(原始頁面方式),每個頁面都要定義頁面,載入js和css,像這樣:

第2種(angular組織方式),在首頁就載入好js了,這樣每個模組只要寫主體部分,像這樣:

好處請自行領悟。然後再來看看angular開發的目錄結構圖:

從此圖也可以大致了解angular的架構思路:controller就對應著view裡面的邏輯,services對應服務請求,典型的mvc,這樣就很清晰了

angular之模組開發一

step 01 全域性函式 step 02 封裝物件 step 03 劃分私有空間 step 04 模組的擴充套件與維護 step 05 第三方依賴管理 在什麼場景下使用模組化開發業務複雜重用邏輯非常多擴充套件性要求較高 commonjs規範 amd規範 cmd規範 使用步驟 在頁面中引入sea.j...

angular模組載入

1.配置 在模組的載入階段,angularjs會在提供者註冊和配置的過程中對模組進行配置。需要特別注意,angularjs會以這些函式書寫和註冊的順序來執行它們。當對模組進行配置時,需要格外注意只有少數幾種型別的物件可以被注入到config 函式中 提供者和常量。2.執行塊 和配置塊不同,執行塊在注...

angular路由模組(二)

上一章寫的是如何建立乙個簡單的路由,這一樣我們來看看如何建立乙個路由模組。angular的思想就是 模組,元件,子元件.importfrom angular core import from angualr router 引入路由模組 importfrom crisis list.component...