使输入字段中的前导和尾随空格可见

时间:2016-10-05 07:44:20

标签: javascript html css angularjs

在用于过滤的输入字段中,我想要尊重前导和尾随空格,因为它们是相关的。在angularjs中,这可以通过ng-trim=false轻松完成,但是如何让它们可见,以便用户不会被遗忘的空间弄糊涂?

说明:

尾随空格显然与过滤相关,因为"in ""input"不匹配,而普通"in"则与此相同。

输入字段中的尾随空格是不可见的,因为您可以轻松找到。我喜欢文本部分的彩色背景或任何其他不太过分的突出显示方式。

1 个答案:

答案 0 :(得分:1)

您可以在一个透明输入重叠的容器中并排保存不同风格的div。根据输入条目修改样式div的宽度。

[bool]("10" -as [ipaddress]) #Outputs True

容器内的三个div将通过输入更改来改变它们的宽度,并且可以不同地为前导和尾随空格的div设置颜色。

在jsfiddle中使用Angular示例:http://jsfiddle.net/TalhaAwan/8b3xzd38/(仅使用chrome测试)