angularjs自定义服务

最新推荐文章于 2020-01-20 17:07:14 发布

小呆萌--

最新推荐文章于 2020-01-20 17:07:14 发布

阅读量158

点赞数

分类专栏： angularJS 文章标签： angularjs自定义服务

本文链接：https://blog.csdn.net/qq_40446718/article/details/78513411

版权

angularJS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../css/angular.min.js" ></script>
<script>
var app=angular.module("app",[]);

//引用：自定义的服务时间间隔时间计时服务
app.controller("mycon",["$scope","$http","$interval","$timeout","myfactory",function($scope,$http,$interval,$timeout,myfactory){
$scope.show=function(){
$http.get("../stars.json").then(function(dat){
$scope.inData=dat.data;
console.log(dat.data);
});
}

$scope.timeshow=function(){

//时间计时器服务
$scope.stop=$interval(function(){
$scope.datae=new Date();
},1000);
};
// 停止计时器
$scope.stopshow=function(){
$interval.cancel($scope.stop);
}
$scope.time=myfactory;
}]);

//自定义服务
app.factory("myfactory",["$filter",function($filter){
var time=new Date();

return $filter('date')(time,'mm:ss');

}]);

//
app.directive("mydirective",function(){
return{
//E ----元素标签 <gaoyn></gaoyn> --->hello gaoyn
//C---类元素名(class="gaoyn") ----hello gaoyn
//A---属性 <div gaoyn> </div> ----hello gaoyn
//M---注释 
/*****默认A*******/
restrict : "MAEC" ,
replace: true,
template : '<P>zai</P>'

}

})
</script>
</head>
<body ng-app="app" ng-controller="mycon">
<button ng-click="show()">查看数据</button>
<table>
<tr ng-repeat="kk in inData">
<td>{{kk.name}}</td>
<td>{{kk.age}}</td>
<td>{{kk.sex}}</td>
<td>{{kk.ablum}}</td>

</tr>
</table>
<button ng-click="timeshow()">计时器</button>
<button ng-click="stopshow()">停止</button>
<p>{{time}}</p>
<p>{{datae | date :'mm:ss'}}</p>



<mydirective></mydirective>

<p class="mydirective"></p>

<p mydirective></p>


</body>
</html>

小呆萌--

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs自定义服务

var app=angular.module("app",[]);//引用：自定义的服务时间间隔时间计时服务app.controller("mycon",["$scope","$http","$interval","$timeout","myfactory",function($scope,$http,$interval,$timeout,myfactory){$scope.s
复制链接

扫一扫

专栏目录