ホームページ > 記事 > ウェブフロントエンド > AngularJSをゼロから操作してアプリケーションのモジュール化を実装
AngularJSをゼロから操作してアプリケーションのモジュール化を実装
- php中世界最好的语言オリジナル
- 2018-06-11 14:33:571282ブラウズ
今回は、アプリケーションのモジュール化を実現するためにAngularJSをゼロから運用する方法についてお届けします。 アプリケーションのモジュール化を実現するためにAngularJSを運用する際の注意点は何ですか？
1. モジュール化のメリット
(1) 実装ロジックが明確になり、読みやすくなる;
(2) チーム開発の役割分担が明確になり、管理が容易になる;
(3) を最大限に活用する再利用可能なコード、
(4) 保守性の高い抽象パブリック モジュール、
(5) モジュール式のレガシー システムにより、新しい同様のシステムのアセンブリと開発が容易になります
2. AngularJS モジュールの定義
(1) angular オブジェクトの module() の使用方法:
// 定义一个无依赖模块
angular.module('appModule',[]);
// 定义一个依赖module1、module2的模块
angular.module('appModule',['module1','module2']);
(2) angular.module() メソッド: 3 つのパラメータを受け取ります
1 つ目はモジュールの名前で、2 つ目は配列で、モジュールの名前を示しますモジュールが依存するモジュール。他のモジュールに依存する必要がない場合は、空の配列を渡すだけです。3 番目のパラメーターはオプションであり、その関数はモジュール インスタンスの config() メソッドと同じです。 angular.module() このメソッドはモジュール インスタンス オブジェクトを返します。オブジェクトのコントローラー()、ディレクティブ()、フィルター()、およびその他のメソッドを呼び出して、コントローラー、命令、フィルター、その他のコンポーネントをモジュールに追加できます
( 3) ページ参照モジュール: ng -app コマンド
3. モジュールを使用して名前の競合の問題を解決しますコントローラーの定義は common.js に配置されます。 2 つのページで定義されているコントローラー名が同じである場合、競合が発生します。AngularJS は、モジュール性を使用して名前の競合を解決します。angular.module() メソッドを呼び出して 2 つのモジュール インスタンスを作成し、その 2 つのモジュール インスタンスのコントローラー() メソッドを呼び出します。それぞれ同じ名前の 2 つのコントローラーを作成します。ただし、これら 2 つのコントローラーは、HTML ページ内のコントローラー名はすべて UserController ですが、異なるモジュールに属しているため、競合が回避されます。モジュール化のため
2 つのモジュールを含むプロジェクト名: app を想定します: ログインと登録:<html ng-app="appMobile">この記事のケースを読んだ後は、この方法を習得したと思います。さらにエキサイティングな情報については、他の関連情報に注意してください。 PHP 中国語 Web サイトの記事をご覧ください。 推奨読書:
vue+mint-ui プロジェクトでの使い方
JSのDOMオブジェクトノード削除メソッドのまとめ以上がAngularJSをゼロから操作してアプリケーションのモジュール化を実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。