为什么在AngularJS应用程序中忽略了空格

Tha*_*rif 7 javascript angularjs

AngularJS应用程序:

ng-model指令将输入字段绑定到控制器属性.在我的应用程序中,忽略带空格的输入,例如:" A",得到的输出为"A".

有没有办法包括那些白色空间?

在此输入图像描述

在这里摆弄

谢谢

Vis*_*ioN 6

使用ng-trim="false"指令:

<input type="text" ng-model="Location" ng-trim="false">
Run Code Online (Sandbox Code Playgroud)

演示: http ://jsfiddle.net/pa6sdudd/4/


Pra*_*lin 6

您可以添加ng-trim="false"属性以阻止Angular修剪输入字段中的多余空格


除此之外,还存在另一个问题,即空白不能在HTML中呈现

您可以例如通过使用

Full Name: <pre>{{Location + " " + Item}}</pre>
Run Code Online (Sandbox Code Playgroud)

演示小提琴

或者使用css:

white-space: pre;
Run Code Online (Sandbox Code Playgroud)

演示小提琴