如何在 DIV 中添加文本,但不使其可见或使用页面上的任何空间

How can I add text inside a DIV but not have it visible or using any space on my page?

本文关键字:空间 任何 添加 DIV 文本      更新时间:2023-09-26

>我有以下内容:

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

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

请注意,{{ 来自 AngularJS,当页面显示时,它将用 {{ }} 替换某些文本。

一种更有角度的方式:

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

解释:modal.data.text 的计算结果为 true(在您的情况下包含一些文本(时,div 将隐藏,并且还将 modal.data.text 的值绑定到div 的内部 HTML。

像这样:

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