根据他的长度转换文本值

时间:2019-09-23 19:47:41

标签: html css

我知道有一种方法可以仅通过使用少量CSS来保持此功能的简单性,但是我根本不记得,什么样的style属性可以使它变得像这样:

<p>150523215</p><!-- Without transform... -->

带变换(仅允许两位数):

<p>99+</p>

所以我需要的东西很简单:如果数字大于2位,我需要显示99 + ,如果数字是2位数或更低,则我需要显示实数(如果是)可能我只需要css(不是javascript)的解决方案,谢谢! :3

1 个答案:

答案 0 :(得分:0)

如果您键入类似的内容,则为Ionic html模板

 <p> {{ value.length > 2 ? '99+' : value }}</p>