今回は AngularJS モジュラー アプリケーションについて説明します。AngularJS モジュラー アプリケーションの 注意事項 について、実際のケースを見てみましょう。
1. モジュール化のメリット
(1) 実装ロジックが明確になり、読みやすくなる;(2) チーム開発の役割分担が明確になり、管理が容易になる;
(3) を最大限に活用する再利用可能なコード;
(4) 強力な保守性を備えた抽象的なパブリック モジュール
(5) モジュール型のレガシー システムにより、新しい同様のシステムのアセンブリと開発が容易になります
2. AngularJS モジュールの定義
(1) angular Howオブジェクトの module() を使用するには:// 定义一个无依赖模块 angular.module('appModule',[]); // 定义一个依赖module1、module2的模块 angular.module('appModule',['module1','module2']);
controller
、命令、filter、その他のコンポーネントをモジュールに追加できます。 .(3)ページ 参照モジュール:ng-appコマンド
<html ng-app="appMobile">
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");
}
})
vue でのスワイパー プラグインの使用
Express デフォルト ログ コンポーネント morgan の使用方法の詳細な説明
以上がAngularJS モジュール型アプリケーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。