angularjs服务

- 日理万妓 2022-07-15 01:59 175阅读 0赞

<!DOCTYPE html>
    <html ng-app="app">
    <head>
    	<title>dd</title>
    	<script type="text/javascript" src="angular.min.js"></script>
    </head>
    <body>
    
    <div ng-controller="c20">
    	<input type="text" ng-model="name">
    	<input type="text" ng-model="id">
    	<div> {
       {name}} ---  {
       {id}} </div>
    	<div> {
       {myUrl}} </div>
    
    	<table>
    		<tr ng-repeat="x in counts">
    			<td> {
       {x.v | myFormat}} </td>
    		</tr>
    	</table>
    </div>
    
    </body>
    
    <script type="text/javascript">
    	var app = angular.module("app", []);
    	app.controller("c20", ['$scope','$location', '$http', '$timeout', '$hexafy', function($scope, $location, $http, $timeout, $hexafy) {
    		$scope.myUrl = $location.absUrl();
    		/*$http.get("http://www.runoob.com/angularjs/angularjs-services.html").then(function(response) {
    			console.log(response.data);
    		});*/
    
    		$timeout(function() {
    			$scope.name = "timeout";
    		}, 2000);
    
    		// $scope.id = $hexafy.myFunc(255);
    
    		$scope.counts = [{
    			v : 152,
    		}, {
    			v : 158,
    		}, {
    			v : 255,
    		}];
    	}]);
    
    	app.service('$hexafy', function() {
    		this.myFunc = function(x) {
    			return x.toString(16);
    		}
    	});
    
    	app.filter('myFormat', ['$hexafy', function($hexafy) {
    		return function(x) {
    			return $hexafy.myFunc(x);
    		};
    	}])
    </script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 angularjs学习笔记--服务

angularjs学习笔记--服务今天初步了解了angularjs中的服务，服务是一个函数或者对象。我们一般调用或直接使用，angularjs有自己内置的服务，也可以自定义

素颜马尾好姑娘i/ 2022年09月24日 06:29/ 0 赞/ 189 阅读

相关 angularjs服务

<!DOCTYPE html> <html ng-app="app"> <head> <title>dd</title> <scri

- 日理万妓/ 2022年07月15日 01:59/ 0 赞/ 176 阅读

相关 AngularJS $http服务例子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

Myth丶恋晨/ 2022年07月12日 08:13/ 0 赞/ 206 阅读

相关 AngularJs 服务-$filter

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta cha

短命女/ 2022年07月12日 07:06/ 0 赞/ 201 阅读

相关 AngularJs自定义服务

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <

悠悠/ 2022年07月12日 07:06/ 0 赞/ 220 阅读

相关 AngularJs服务-http请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

冷不防/ 2022年07月12日 07:06/ 0 赞/ 219 阅读

相关 AngularJs服务-$log

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta cha

矫情吗；*/ 2022年07月12日 07:02/ 0 赞/ 156 阅读

相关 AngularJS系列(四)——服务

服务是一个函数或对象，可在AngularJS应用中使用。可以和后台中的service去理解。 $location $location，和js中的location作用相似

绝地灬酷狼/ 2022年06月07日 23:41/ 0 赞/ 186 阅读

相关 Angularjs 服务

AngularJS 服务(Service)：www.runoob.com/angularjs/angularjs-services.html AngularJS 内建了30

「爱情、让人受尽委屈。」/ 2022年05月21日 04:50/ 0 赞/ 238 阅读

相关 AngularJs 系统过滤服务

过滤服务$filter 在NG框架中对数据进行转换显示的小工具,能让页面中的显示内容呈现为不一样的结构语法:{ {任意内容

矫情吗；*/ 2021年07月24日 18:46/ 0 赞/ 366 阅读