angularJs自定义服务

最新推荐文章于 2024-05-07 09:56:31 发布

rookieForAndroid

最新推荐文章于 2024-05-07 09:56:31 发布

阅读量225

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yujie0514/article/details/78534670

本文介绍了一个使用AngularJS实现的时间显示应用实例。通过创建一个简单的AngularJS模块和控制器，结合自定义工厂来获取并格式化当前时间，展示了如何将当前时间以特定格式显示在网页上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="libs/angular.min.js"></script>
	<script>
	var app= angular.module("gaoyn",[]);
	//使用的功能,需要
	app.factory("gaoynsowTime",["$filter", function($filter){

	var fdate=$filter("date");//获取过滤器---->日期过滤器

	var now=new Date();

	return fdate(now,'yyyy-MM-dd hh:mm:ss')

	}]);

	app.controller("democ",["$scope","gaoynsowTime",function($scope,gaoynsowTime){

	$scope.now=gaoynsowTime;

	console.log("当前时间",$scope.now);
	}]);

	</script>
	</head>
	<body ng-app="gaoyn" ng-controller="democ">
	{{now}}
	</body>
	</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="libs/angular.min.js"></script>
	<script>
	var app= angular.module("gaoyn",[]);
	//使用的功能,需要
	app.factory("gaoynsowTime",["$filter", function($filter){

	var fdate=$filter("date");//获取过滤器---->日期过滤器

	var now=new Date();

	return fdate(now,'yyyy-MM-dd hh:mm:ss')

	}]);

	app.controller("democ",["$scope","gaoynsowTime",function($scope,gaoynsowTime){

	$scope.now=gaoynsowTime;

	console.log("当前时间",$scope.now);
	}]);

	</script>
	</head>
	<body ng-app="gaoyn" ng-controller="democ">
	{{now}}
	</body>
	</html>