angular数据绑定---js全局学习

复制代码
 1 <!DOCTYPE html>
 2 <html ng-app>
 3 <head>
 4     <title>Simple app</title>
 5 </head>
 6 <body>
 7     <div ng-controller = "MyController">
 8         <input type="text" ng-model = "name" placeholder="Your name">
 9         <h1>Hello {{name}} </h1>333
10         <h5>{{clock.now}}</h5>
11     </div>
12 <script type="text/javascript" src = "js/angular.js"></script>
13 <script type="text/javascript" src = "js/app.js">
14 </script>
15 </body>
16 </html>
View Code
复制代码

下面是js里实现的全局的controller代码

复制代码
 1 function MyController($scope) {
 2     $scope.clock = {
 3         now: new Date()
 4     };
 5     var updateClock = function() {
 6         $scope.clock.now = new Date()
 7     };
 8     setInterval(function() {
 9         $scope.$apply(updateClock);
10     }, 1000);
11     updateClock();
12 }
View Code
复制代码

 

posted on   二十年后20  阅读(125)  评论(0编辑  收藏  举报

编辑推荐:
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· SQL Server 内存占用高分析
阅读排行:
· 盘点!HelloGitHub 年度热门开源项目
· DeepSeek V3 两周使用总结
· 02现代计算机视觉入门之:什么是视频
· C#使用yield关键字提升迭代性能与效率
· 2. 什么?你想跨数据库关联查询?
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

导航

统计

点击右上角即可分享
微信分享提示