写页面的时候一些遇到的小坑

Posted 2020-11-23 ningblack

2019 年 11 月 13 日

刚结束双十一，最近刚好有时间，简单整理并记录一下最近遇到的问题

想要做一个鼠标悬停可以显示详情的效果，一开始想用mouseover和mouseleave事件，但是能力不足方法没写明白，后通过在标签里添加title属性实现，里面可以传参数，想要换行可以通过
或者
，必须要有分号，不然页面会加载不出来。

想要做一个要显示的内容超出固定长度显示省略号的样式，通过百度找到解决方案，添加text-overflow: ellipsis, overflow: hidden, white-space: nowrap实现。

 

Angular方面的：

想要做一个读取秒数的功能，通过导入moment的组件，调用方法实现。

这个是导包

import * as moment from ‘moment‘;

具体的详细用法参考这个?? https://segmentfault.com/a/1190000015240911

调用计时器方法后需要在ngOnDestroy( )里销毁

ngOnDestroy() {
        if (this.timer) {
            clearInterval(this.timer);
        }
}

 

Angular中的selected标签不知道为什么不能通过直接加selected属性的方式赋初值，需要在ngOnInit( )中才可以赋初值。

由于我们的项目是用Jhipster生成的Angular组件，有些东西不是很明白，所以刚接触的时候写的search方法考虑的不全，没有考虑分页的情况，导致search出来的内容点击下一页会失效，因为点击分页按钮调用的是loadAll( )方法，需要将search的方法写在loadAll( )里面，然后去调用loadAll( )，生成的分页方法里有一个transion( )方法，这个是用来拼接url的，需要在这里传入检索条件。

暂时就先记这些，有空再加。