service自定义服务
1.指令
- 内置指令
- 自定义指令
app.directive("xmg", function () {
return {
restrict:"EA",//指令类型
template:"", //指令模版
replace:true, //是否替换原有指令
tranclude:true//是否保留标签内容
}
});
2.过滤器
- 内置过滤器
- 自定义过滤器
app.filter("filterName", function () {
return function (input) {
}
});
3.服务
内置服务
自定义服务
Angular在一开始就帮我们定义一些功能。我可以直接使用这些功能。
都是一个方法或者一个对象的形式来调用指定的功能。
想要使用这些服务。必须得要注入。
所谓服务
是将一些通用性的功能逻辑进行封装方便使用,AngularJS允许自定义服务。自定义服务目的: 把公用的功能, 给封装到一起,进行复用.
服务本质就是一个对象, 或者以方法方式存在.
注意:系统内置服务前加
app.service('xmgService', function () {
this.say = function () {
console.log("hello");
}
this.showTime = function () {
var curTime = new Date();
}
});
//使用日期, 所以依赖内置服务实现
app.service('xmgService', ['$filter', function ($filter) {
this.say = function () {
console.log("hello");
}
this.showTime = function () {
var curTime = new Date();
//var date = $filter('date')(); //->data()
//获取日期过滤器
// var date = $filter('date');
//格式化好指定格式,返回
// return data(curTime, 'yyyy-MM-dd hh:mm:ss');
//最终简化
return $filter('date')(curTime, 'yyyy-MM-dd hh:mm:ss');
}
}]);