码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-13 12:52:34      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:导致   页面   sel   init   code   传参数   整理   wrap   鼠标悬停   

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的,需要在这里传入检索条件。

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

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

标签:导致   页面   sel   init   code   传参数   整理   wrap   鼠标悬停   

原文地址:https://www.cnblogs.com/ningblack/p/11847816.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!