Question

如何在ng-bind的文字中添加多个空格或标签？在HTML上呈现时，它只显示一个空格。

我也尝试了\t和 ，但没有运气。

我需要在marquee上显示多个值。所以我把所有这些都放在一个字符串中，需要更多的空间。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>The full name is: {{ firstName + "    " + lastName }}</p>

</div>

</body>
</html>

注意：此代码只是一个示例，我有许多我从API获得的值。

Answer 1

一种方法是添加一个包含 

的空间变量

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-app="" ng-init="firstName='John';lastName='Doe'; space='&nbsp; &nbsp; &nbsp;'">

    <p>The full name is: {{ firstName }} {{space}} {{lastName }}</p>
    
    </div>

＆＃13;

Answer 2

在我的控制器中，我在值之间放了多个&nbsp 然后我把div放在字符串中。

$scope.values = "<div>"+values + "</div>"

在我的HTML中，我使用了

ng-bing-html

因此，HTML被清理并作为HTML的一部分而不是字符串添加到文档中。

Answer 3

正确的语法是：

<p ng-bind="'The full name is: '+(firstName)+'   '+(lastName)"></p>

您使用单引号将其表示为文字，使用括号将其表示为变量，然后使用加号将其连接。

为什么使用属性'ng-bind'而不使用大括号表达式{{}}？通过使用ng-bing，如果DOM需要花费很长时间进行编译，则可以避免出现{{something}}表达式。

在ng-bind中放置多个空格

3 个答案: