<!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 的模块和控制器来构建简单的 Web 应用。
扫一扫
28
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
