AngularJS モジュール型アプリケーション

php中世界最好的语言
リリース: 2018-05-02 11:20:16
オリジナル
1024 人が閲覧しました

今回は AngularJS モジュラー アプリケーションについて説明します。AngularJS モジュラー アプリケーションの 注意事項 について、実際のケースを見てみましょう。

1. モジュール化のメリット

(1) 実装ロジックが明確になり、読みやすくなる;

(2) チーム開発の役割分担が明確になり、管理が容易になる;
(3) を最大限に活用する再利用可能なコード;
(4) 強力な保守性を備えた抽象的なパブリック モジュール
(5) モジュール型のレガシー システムにより、新しい同様のシステムのアセンブリと開発が容易になります

2. AngularJS モジュールの定義

(1) angular Howオブジェクトの module() を使用するには:

  // 定义一个无依赖模块
  angular.module('appModule',[]);
  // 定义一个依赖module1、module2的模块
  angular.module('appModule',['module1','module2']);
ログイン後にコピー
(2) angular.module() メソッド: 3 つのパラメータを受け取ります

1 つ目はモジュールの名前で、2 つ目は配列であり、モジュールの名前を示しますモジュールは依存します。他のモジュールに依存する必要がない場合は、空の配列を渡すだけです。3 番目のパラメーターはオプションであり、その関数はモジュール インスタンスの config() メソッドと同じです。 angular.module() このメソッドはモジュール インスタンス オブジェクトを返します。オブジェクトのcontroller()、directive()、filter()、その他のメソッドを呼び出して、

controller

、命令、

filter、その他のコンポーネントをモジュールに追加できます。 .(3)ページ 参照モジュール:ng-appコマンド

<html ng-app="appMobile">
ログイン後にコピー

3. モジュールを使用して名前の競合問題を解決します

2つのページでjsファイルを共有しており、コントローラーの定義が共通に配置されています。 2 つのページで定義されたコントロールが同じ場合、AngularJS はモジュール化を使用して名前の競合を解決し、2 つのモジュール インスタンスを作成し、controller() メソッドを呼び出します。 2 つのモジュール インスタンスを使用して、同じ名前の 2 つのモジュールを作成します。ただし、これら 2 つのコントローラーは、HTML ページ内のコントローラー名はすべて UserController ですが、異なるモジュールに属しているため、競合が回避されます。

4. 最もモジュール的なベストプラクティス

プロジェクト名を app とします。ログインと登録の 2 つのモジュールが含まれます:

var loginModule = angular.module("loginModule",[]);
loginModule.controller("UserController",function($scope,$log){
  
  $scope.uname = "login";
  $scope.pword = "admin";
  $scope.submit = function(){
    alert("登录模块: UserController");
  }
})
var registerModule = angular.module("registerModule",[]);
registerModule.controller("UserController",function($scope,$log){
  
  $scope.uname = "register";
  $scope.pword = "admin";
  $scope.submit = function(){
    alert("注册模块: UserController");
  }  
})
ログイン後にコピー
この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、こちらをご覧ください。 、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

vue でのスワイパー プラグインの使用

Express デフォルト ログ コンポーネント morgan の使用方法の詳細な説明

以上がAngularJS モジュール型アプリケーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!