前导空格不显示在AngularJS中
我尝试了以下angularJS代码示例前导空格不显示在AngularJS中,angularjs,Angularjs,我尝试了以下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>
<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>
在输入框中输入一些内容:
姓名:
你好{{name}
这很好,但当我输入一个带前导空格的字符串时,它会简单地将其删除。如何使用此选项显示带前导空格的字符串。(顺便说一句,我不想只显示带有空格的字符串)修剪空格的不是角度,而是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>
在输入框中输入一些内容:
姓名:
你好{{name}
将ng trim=“false”
添加到您的输入中。通过更改为带引号的pre
格式,确认ng trim有效
<pre>Hello '<span ng-show="name.trim().length > 0">{{name}}</span>'</pre>
你好{{name}}
以下是忽略完全空白名称的代码:
Hello'{{name}'
指定一个ng trim
布尔值属性。我很确定,如果设置为false
,这将不会修剪所有空白字符串,而且我对Angular还不太熟悉,不知道该怎么做才能在不修剪所有空白字符串的情况下进行更自定义的行为。另外,您的
需要一个类型
属性(在您的情况下,可能是“text”
)。我添加了type=“text”。谢谢你指出。不,使用pre
你看不到前导空格。但是如果有前导空格,这并不能解决问题。当我的给定代码显示为“abc def gh”时,它可以正常工作并按原样显示字符串,如“abc def gh”
。我想知道如何显示带前导空格的字符串。字符串开头(或最后)的空格。啊,是的,我想angular会从输入中修剪前导字符串ng trim=“false”
这不会仍然显示所有空白字符串值吗?是的,它也会显示所有空白文本。我想我们得手动检查一下,对吗?如果没有,还有一种很酷的方法吗?@ajp15243试试plunker-它有什么不正确的地方,正如@prime?@AndyGaskell在以下问题中所问:(顺便说一句,我不想显示只有空格的字符串)
。如果您只是键入空格,那么它仍然会在{{name}
模型输出中显示空格,这是prime不想要的。@prime找到了一种更干净的方法-再次更新了答案。我发誓,我完了!
<pre>Hello '<span ng-show="name.trim().length > 0">{{name}}</span>'</pre>