簡體   English   中英

角度模塊名稱全局聲明和重用

[英]angular module name global declaration and reuse

在推廣角度模塊名稱方面需要幫助,

angular.module('my-old-name-app', [])

我在大約100多個控制器文件中使用它。
現在,我想將模塊名稱從my-old-name-app更改為my-new-name-app ,因此我必須在所有文件中手動進行此更改。
有什么辦法可以避免這種情況?
我們可以有一個通用的模塊名稱全局聲明,並在所有文件中重用嗎?
我嘗試過,但是找不到任何合適的解決方案。
注意:由於它是現有項目。 我無法重組/重新設計。

我在大約100多個控制器文件中使用它。

因此,請勿在所有控制器中使用它。 無論如何,如果以模塊化的方式設計應用程序,則可以避免此問題。 推薦的方法是按功能將應用程序分成多個模塊。 然后,您要重命名的主模塊將僅在一個地方使用。 然后,應用程序的定義可能是這樣的:

angular.module('mu-old-name-app', [
    'app.dashboard',
    'app.profile',
    // ...
]);

然后,模塊app.dashboard將包含相應的控制器,服務等。模塊app.profile將包含其自己的東西等。

避免在angularjs應用程序中使用全局變量,J。Papa編寫了非常好的簡潔的樣式指南

當然,如果您需要重新處理整個應用程序,則需要在使用它的每個文件中搜索並替換舊的模塊名稱。

一個構建angularjs應用程序的好方法是使用多個模塊 ,並提供一個博客示例。 博客通常由以下組件組成:

  1. 儀表板 -用於后期編輯
  2. 列表和單一視圖
  3. 關於作者信息
  4. 保持聯系與作者接觸

現在,您有許多方法來構建應用程序,簡單的方法是擁有一個名為blog的模塊並將其附加到每個組件,但是,將來進行重構時,您會感到沮喪。

相反,一個好的解決方案是拆分您的應用,為每個組件創建一個模塊:

 angular .module('blog.dashboard') ; angular .module('blog.about') ; angular .module('blog.contacts') ; angular .module('blog', [ 'blog.dashboard', 'blog.about', 'blog.contacts' ]) ; 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM