AngularJs 特性之模块化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <h1>{{clock}}</h1>
    </div>
    <script type="text/javascript">
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope,$timeout) {
            var updateClock = function () {
                $scope.clock = new Date();
                $timeout(function () {
                    updateClock();
                },1000);
            };
            updateClock();
        });

    </script>
</body>
</html>

var app = angular.module('myApp', []);
使用angular.module创建模块，第一个参数是模块名，第二个参数是依赖的其他模块

如果只有一个参数，表示获取某个模块

app.controller
使用模块的controller方法，生成控制器，第一个参数是控制器名，第二个参数是控制器的具体代码，封装到了一个function中

AngularJs 特性 之 模块化

AngularJs 特性之模块化