我从AngularJS绑定了一个长文本输入。我想显示一个省略号,在mouseover上,在工具提示中显示完整文本。现在它显示的是省略号,但是你必须双击它才能弹出完整的文本,文本在ng-repeat生成的HTML表中。第一个如何将鼠标悬停在省略号上并显示全文?
mouseover
ng-repeat
2w2cym1i1#
我的建议是:
.long-value-input { width: 100px; height: 30px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .long-value-input:hover { width: auto; overflow: visible; z-index: 11; }
ou6hu8tu2#
使用ngStyle指令切换元素上css规则的值
ng-style="{'text-overflow': state ? 'ellipsis' : 'none' }"
使用ngDblClick切换该变量
ng-dblclick="state = true;"
2条答案
按热度按时间2w2cym1i1#
我的建议是:
ou6hu8tu2#
使用ngStyle指令切换元素上css规则的值
使用ngDblClick切换该变量