发表于： 2017-04-25 23:47:30
3 996
今天做了啥/收获
今天主要做了过滤功能和前面任务的复习
首先看了婷姐给我的过滤器 先大体看了以下。不管三七二十一先写把
写出了这样的
myApp.filter("ChangeCode",function () {
return function (inputData) {
var changed = "";
switch (inputData){
case '1':changed = "老板";break;
case '2':changed = "经理";break;
case '3':changed = "员工";break;
}
return changed;
}
});
然后整个路由页面就加载不出来了
再仔细的看了看教程。。原来 return function (inputData)这里要传入自己的参数啊
myApp.filter("ChangeCode",function () {
return function (type) {
var changed = "";
switch (type){
case '1':changed = "老板";break;
case '2':changed = "经理";break;
case '3':changed = "员工";break;
}
return changed;
}
});
然后一看还是不行 就找了俩人帮我看了半天又是调参数 又是改变量的结果啊开直接说
哎呀哪里的“1‘是字符串不是数组啊。。。哈哈哈每次都要在小问题上搞好久啊。。
这是完美版
.filter("ChangeCode",function () {
return function (type) {
var changed = "";
switch (type){
case 0:changed = "首页banner";break;
case 1:changed = "找职位banner";break;
case 2:changed = "找精英banner";break;
case 3:changed = "行业大图";break;
}
return changed;
}
})
终于好了
然后就是时间的问题了。起初一看时间那里一堆数字1234325125我就比较懵逼。这前后也隔不成完整的时间啊 然后就看了后台接口的要求。也没有说要转换时间的需求啊。。回过头看教程。。
发现了这个
常用内置过滤器
number 数字过滤器，可以设置保留数字小数点后几位等
date 时间格式化过滤器，可自己设置时间格式
filter 过滤的数据一般是数组，数组中的数据可以是对象，字符串等
orderBy 排序根据数组中某一个元素的属性排序等
lowercase 转换小写
uppercase 转换大写
limitTo 字符串剪切 使用格式{{被剪切的字符串|limitTo：数值}} 数值绝对值代表要切得字符个数，正代表从头开始切，负值相反。
date 时间格式化过滤器，可自己设置时间格式。。。。。。
看来还是自己看教程太不认真了
<td>{{x.updateAt | date:'yyyy-MM-dd HH:mm:ss'}}</td>这不就好了么
我又回头理了一下教程
过滤器分为两种
1内置
2自定义
今天任务里用的就是自定义
.filter("ChangeCode",function () { //首先这里.filter 就是过滤功能 在这里新建一个叫"ChangeCode 的函数
return function (type) { //传入自己的参数 type就是后台给的值
var changed = ""; //定一个变量 控制
switch (type){
case 0:changed = "首页banner";break; //如果Type里遇到数字0 那就把他变为首页banner
case 1:changed = "找职位banner";break;
case 2:changed = "找精英banner";break;
case 3:changed = "行业大图";break;
}
return changed; // 输出
}
})
每次都是这样看教程的时候都会很毛躁。
问题：
为什么要用过滤器呢?后台直接给首页banner 不是给个0 方便粗暴的多？还不用转换？
另外感谢思言 和华飒 还有老哥 的耐心指导 发现了我很多错误 尤其是华飒 。。。教了很多很多 。
返回列表
评论