Angularjs多种服务

来源：互联网发布：图瓦共和国知乎编辑：程序博客网时间：2024/06/15 23:21

定时服务：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../AngularJS/angular.js" ></script><script>var app = angular.module("myApp",[]);app.controller("myCtrl",function($scope,$interval){$scope.date = new Date().toLocaleTimeString();$interval(function(){$scope.date = new Date().toLocaleTimeString();},1000,5);});</script></head><body ng-app="myApp" ng-controller="myCtrl"><p>当前时间为：{{date}}</p></body></html>

倒计时服务：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="angular.js" ></script><script>var app = angular.module("myApp",[]);app.controller("myCtrl",function($scope,$timeout){$scope.name = "张三";$timeout(function(){$scope.name = "李四";},3000);});</script></head><body ng-app="myApp" ng-controller="myCtrl"><p>3s之后变:{{name}}</p></body></html>

获取服务：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../AngularJS/angular.js" ></script><script>var app = angular.module("myApp",[]);app.controller("myCtrl",function($scope,$http){//$scope.users;$http({method:"get",url:"myJson.json"}).then(function success(response){//console.log(response.data[0].name);$scope.users = response.data;//console.log(users);},function error(){console.log("失败");});});</script></head><body ng-app="myApp" ng-controller="myCtrl"><center><table border="1px" cellpadding="10" cellspacing="0"><caption>用户信息表</caption><thead><tr><th>ID</th><th>用户名</th><th>年龄</th></tr></thead><tbody><tr ng-repeat="user in users"><td>{{user.id}}</td><td>{{user.name}}</td><td>{{user.age}}</td></tr></tbody></table></center></body></html>

阅读全文

0 0