如何在DIV中添加文本但不能将其显示或使用页面上的任何空格？

Question

我有以下内容：

<div>{{ modal.data.text }}</div>

如何隐藏视图中显示的数据。我不希望它有任何高度/宽度，但我希望将其添加到DOM中的其他一些原因。

注意{{来自AngularJS，当页面显示时，它会用{{}}代替某些文字。

Answer 1

一种更具角度的方式：

<div ng-hide="modal.data.text" ng-bind="modal.data.text"></div>

<强>说明： 当modal.data.text求值为true（在您的情况下包含一些文本）时，div将隐藏，并且还将modal.data.text的值绑定到div的内部HTML。

Answer 2

像这样：

<div style="display: none">{{ modal.data.text }}</div>

Answer 3

#mydiv {
   display:none;
}

<div id="mydiv">{{ modal.data.text }}</div>