Question

我尝试了以下angularJS代码示例。

<div ng-app="">

  <p>Input something in the input box:</p>
  <p>Name : <input  type="text" ng-model="name" placeholder="Enter name here"></p>
  <h1>Hello {{name}}</h1>

</div>

这样可以正常工作但是当我输入带有前导空格的字符串时，它会将它们修剪掉。如何使用它来显示带有前导空格的字符串。（顺便说一句我不想显示只有空格的字符串）

Answer 1

将ng-trim="false"添加到input。通过更改为包含引号的pre来确认ng-trim是否有效。

<input type="text" ng-model="name" ng-trim="false" placeholder="Enter name here">

<pre>Hello '{{name}}'</pre>

这里是忽略完全空白名称的代码：

<pre>Hello '<span ng-show="name.trim().length > 0">{{name}}</span>'</pre>

Plunker

Answer 2

修剪空间不是角度，HTML不能渲染多个空格。

将您的代码更改为以下内容，您将看到您的空格：

<div ng-app="">

<p>Input something in the input box:</p>
<p>Name : <input  ng-model="name" placeholder="Enter name here"></p>
<pre>Hello {{name}}</pre>

</div>

AngularJS中不显示前导空格

2 个答案: