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 特性 之 模块化

最新文章

热门文章

AngularJs 特性之模块化