模型变量未显示初始空格

时间:2017-03-20 11:43:52

标签: html angularjs css3

嗨我有一个模型变量" name&#34 ;,绑定到像

这样的范围
<input type="text" ng-model="name">
<span ng-bind="name"></span>

我的要求是显示输入字段中输入的文本而不删除任何空格。

我找到了一种通过编写css属性来实现这一目标的方法

&#13;
&#13;
.allow-spaces{
  white-space:pre;
} 
&#13;
&#13;
&#13;

所以现在如果我输入一个值&#34;你好ooo buddy&#34;它也会在跨度中显示完全相同,但它不会在开始时显示空格,例如&#34;你好伙计&#34;显示为&#34;你好伙伴&#34;。请为我建议一个解决方案。

1 个答案:

答案 0 :(得分:2)

默认情况下,

ngModel修剪input[type=text]中的开始和尾随空格。要禁用此行为,请在ng-trim=false元素中写入input

Reference