angularJS的模組化操作
阿新 • • 發佈：2019-02-09
模組化
-減少全域性汙染
-減少模組之間的相互依賴
<!DOCTYPE HTML> <!--<html ng-app>模組化後,應宣告哪個是初始模組--> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title>模組化操作</title> <script src="angular.min.js"></script> </head> <body> <div ng-controller="A"> <p>{{name}}</p> </div> <div ng-controller="B"> <p>{{name}}</p> </div> </body>
//<script> /*function A($scope){ $scope.name="hello"; } function B($scope){ $scope.name="hi"; }*/ //為了避免命名衝突,將全域性函式變成模組--angular.module("模組名","[當前模組要依賴的其它模組組成的陣列]") /*var m1 = angular.module("myApp",[]); m1.controller("A",function($scope){ $scope.name="hello"; }); m1.controller("B",function($scope){ $scope.name="hi"; });*/ //線上程式碼會被壓縮，這時$scope或被壓縮為$s,導致程式出錯 //下面將其改成字串形式，防止這種情況發生 var m1 = angular.module("myApp",[]); m1.controller("A",["$scope",function($s){ $s.name="hello"; }]); m1.controller("B",["$scope",function($s){ $s.name="hi"; }]); // </script>