angularjs 鼠标悬停时在工具提示中显示全文

ca1c2owp 于 2022-10-31 发布在 Angular

关注(0)|答案(2)|浏览(212)

我从AngularJS绑定了一个长文本输入。我想显示一个省略号，在mouseover上，在工具提示中显示完整文本。
现在它显示的是省略号，但是你必须双击它才能弹出完整的文本，文本在ng-repeat生成的HTML表中。
第一个
如何将鼠标悬停在省略号上并显示全文？

angularjs

来源：https://stackoverflow.com/questions/47890145/show-full-text-in-tooltip-on-mouseover

2条答案

按热度按时间

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;
}

赞(0）回复(0）举报 2022-10-31

ou6hu8tu2#

使用ngStyle指令切换元素上css规则的值

ng-style="{'text-overflow': state ? 'ellipsis' : 'none' }"

使用ngDblClick切换该变量

ng-dblclick="state = true;"

赞(0）回复(0）举报 2022-10-31

我来回答

angularjs 鼠标悬停时在工具提示中显示全文

2条答案

相关问题

热门标签

最新问答