angular 5.2 客户模块技术总结

1、请求新页面;

重新打开新窗口

html页面通过a href链接打开新窗口

参考:

 

ts里面使用window.open()打开

参考:

 

 

在当前窗口打开

router.navigate路由跳转

参考:

 

 

2、HtmlngIf数值判断;

不使用单引号(错误)

参考:

 

使用单引号(正确)

 

 

3、使用表格组件自带的排序功能doSort($event)

主要针对金额数字,

未重写doSort($event)

(1) 不能整体排序,只能对当前页进行排序;

(2) 需对后台返回的金额进行*1处理,转换成浮点型数据,导致精度缺失

参考

 


有时候多个表格切换的时候,为了不保存之前的排序状态,可以使用ngif显示隐藏来实现。

 


4、日历组件回显日期出现NaN-NaN-NaN

有两种情况,

第一种:为   值时调用时间转换方法,可做if条件过滤;

第二种:date值,带时分秒的日期,导致360浏览器不兼容;用transDate方法转换出错,

参考:

 

5、模态框适应;

参考:

给模态框定义一个class样式

 

样式内容:

 

6、起止时间查询条件;

 


 

7、查询分页(默认从第一页开始查询);

 

点击查询按钮先触发querySecle()方法初始页码至1,实现页码重置,再进行查询,模态框关闭回调时也可以调用该方法实现页码重置,默认从第一页开始查询,

 

分页时应对first做相应改变,初始值为0

 

8、数据校验;

三种方式:

1)封装方法-页面文字提示;

 

 

(2)校验-提示框;

 

(3)校验-页面文字提示信息;

 


 

 

 

猜你喜欢

转载自blog.csdn.net/xiao_fan_er/article/details/79817865
5.2
今日推荐