发表于： 2021-04-12 19:52:53
1 2091
今天完成的事情：完成了列表页和管道的设置
明天计划的事情：完成页数的跳转
收获：
AngularJS 过滤器
过滤器可以使用一个管道字符（|）添加到表达式和指令中，可以用来转换数据
currency 格式化数字为货币格式。
filter 从数组项中选择一个子集。
lowercase 格式化字符串为小写。
uppercase 格式化字符串为大写。
orderBy 根据某个表达式排列数组。
从后端获取到的时间就可以用JS过滤器转换为可读的形式
<td>
<p>{{x.createAt | date:'yyyy-MM-dd'}}</p>
<p>{{x.createAt | date:'HH:mm:ss'}}</p>
</td>
<td>
<p>{{x.updateAt | date:'yyyy-MM-dd'}}</p>
<p>{{x.updateAt | date:'HH:mm:ss'}}</p>
</td>
Angular 管道
管道可以用来转换数据
1、建立新的文件
ng g pipe typePipe
2、配置pipe文件
@Pipe({
name: 'typePipe'
})
export class TypePipePipe implements PipeTransform {
transform(type: string) {
if (type == '0') {
return '首页banner'
}
if (type == '1') {
return '找职位banner'
}
if (type == '2') {
return '找精英banner'
}
if (type == '3') {
return '行业大图'
}
return
}
}
3、引入pipe
import { TypePipePipe } from './type-pipe.pipe';
4、使用pipe
<td>{{x.type | typePipe}}</td>
返回列表
评论