javascript - 如何在 DIV 中添加文本但不显示或使用页面上的任何空间？

Question

我有以下内容：

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

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

注意 {{ 来自 AngularJS，它会在页面显示时用 {{ }} 替换一些文本。

Answer 1

一种更 Angular-y 的方式：

<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>