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>
下面是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 }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· SQL Server 内存占用高分析
· 盘点!HelloGitHub 年度热门开源项目
· DeepSeek V3 两周使用总结
· 02现代计算机视觉入门之:什么是视频
· C#使用yield关键字提升迭代性能与效率
· 2. 什么?你想跨数据库关联查询?