Javascript 使用angularjs在悬停限制内容上显示全名？

我有一个产品数组。它由名称、价格、数量组成。当名称长度达到20时，我使用Limito。 当鼠标悬停在产品上时，如何显示全名请帮助我

<p class="hover">{{ item.name| limitTo: 20 }}{{item.name.length > 20 ? '...' : ''}}<p/>

{{item.name | limito:20}{{item.name.length>20？'…'：''}

您可以使用

标题

属性

<p class="hover" title="{{item.name}}">

p

您可以执行以下操作

标记

<p class="hover" ng-mouseenter="limit=item.name.length" ng-mouseleave="limit=20">
    {{ item.name| limitTo: limit }}<span ng-bind="limit > 20 ? '...' : ''"></span>
<p/>

---

---

尽管我建议您查看CSS选项，您可以使用

文本溢出：省略

和使

溢出：隐藏

实现同样的效果。您可以参考执行相同的工具提示。但是不要工具提示。在同一个地方展开。好吧，我添加了一个替代指令，我建议使用指令方法，因为它在代码中是可重用的+如果您的产品有一个循环，使用mouseenter和leave的标志将触发所有这些！除非您将其作为产品项中的属性，否则如果您可以将该库添加到代码中，我也强烈建议您使用它。。。我也用它constantly@WalksAway我明白了，这就是你更新答案的原因。。我不想在回答中重复同样的话，但你的方式对我来说太棒了。：）@WalksAway这是我下一步要做的事，但我要去做中间的事，你也这么做了。因此，我现在无法执行：）@WalksAway虽然我很想使用

文本溢出：elipsis

CSS属性，但现在不行。如果你愿意，我会投你的票：p我投了+1是的，更好，但我有问题，比如当你想有多行+省略号时，它只给你第一行

$scope.limit = 20;