1.文件名字符串过长,显示省略号
(1)用css方法
使用css属性使溢出功能显示省略号
/* 隐藏溢出内容*/
overflow:hidden;
/* 设置宽度为多少时显示省略号*/
width:10%;
text-overflow:ellipsis;
/* 不可换行功能 */
white-space:nowrap;
/* 表格中宽度百分比宽度不管事,需要依情况选择该属性 */
position:absolute;
/* span标签里不好用,需要用该属性改为块级属性 */
display:inline-block;
(2)用angularjs方法
angular.module('ng').filter('cut', function () {
return function (value, wordwise, max, tail) {
if (!value) return '';
max = parseInt(max, 10);
if (!max) return value;
if (value.length <= max) return value;
value = value.substr(0, max);
if (wordwise) {
var lastspace = value.lastIndexOf(' ');
if (lastspace!= -1) {
value = value.substr(0, lastspace);
}
}
return value + (tail || ' …');
};
});
这个方法是从网上借鉴的,网址:https://ask.helplib.com/488192
经证实是可以使用的
然后在html中使用{{ss | cut:true:20: '...'}} 就可以了。
2.鼠标划过悬浮内容
用title=“想显示的内容”
{{state.name}}
有问题欢迎提问,互相学习。