为什么角度控制不会隐藏？(隐藏但保留在DOM中以保留价值)
角度控制不会隐藏的原因是为了保留其在DOM中的价值。角度控制是一种前端开发框架，它采用了双向数据绑定的方式，将视图与模型进行绑定，实现了数据的自动更新。在角度控制中，视图是由HTML模板组成的，而模型是由JavaScript对象组成的。当模型的数据发生变化时，视图会自动更新，反之亦然。
角度控制不会隐藏的原因是为了保留其在DOM中的价值。这意味着即使在视图中隐藏了某个元素，该元素仍然存在于DOM中，并且可以通过其他方式访问和操作。这样做的好处是可以保留元素的状态和属性，以便在需要时进行操作和展示。
例如，当一个元素被隐藏时，它的样式、事件监听器和其他属性仍然存在于DOM中。这意味着即使元素不可见，我们仍然可以通过修改其样式或触发事件来操作它。这对于实现一些特定的交互效果或动画非常有用。
在角度控制中，可以通过ng-hide或ng-show指令来实现元素的隐藏和显示。ng-hide指令会根据表达式的值来决定元素是否隐藏，而ng-show指令则相反。这样，我们可以根据需要动态地控制元素的隐藏和显示。
总结起来，角度控制不会隐藏的原因是为了保留元素在DOM中的价值，使其可以在需要时进行操作和展示。这为开发者提供了更多的灵活性和控制权。
相关·内容
有谁知道为什么document.getElementById("startDateText")会从下面的段落元素返回null，但是如果我把id移到上面的元素，它会像我预期的那样返回吗？
Typescript代码是从按钮触发的，并且不是嵌入在HTML中的javascript。
<p class="card-text text-secondary">Start Date and Time</p>
<p *ngIf="!isDates" class="card-text text-secondary&#
浏览 0提问于2018-10-16得票数 4
回答已采纳
我在HTML中有一个简单的表单。根据使用单选按钮选择的选项，使用*ngIf可以看到不同的输入字段。
<table>
<tr>
<td><label>name</label></td>
<td><input #name /></td>
</tr>
<tr>
<td>
<input type="radio" name="contac
浏览 0提问于2018-01-25得票数 1
回答已采纳
这是复选框hack：
我的问题是，为什么要“隐藏”复选框，方法是将复选框定位在页面上，如CSS技巧示例中所示：
position: absolute;
top: -9999px;
left: -9999px;
为什么不直接做：
display: none;
的答案是：
“通过display:none隐藏复选框可能会在某些浏览器上导致错误行为。仅由position: absolute将其隐藏在视图中就更安全了。”
哪个浏览器？使用绝对位置将元素放到页面之外有什么缺点吗？具体来说，使用绝对位置将输入放到页面之外有什么缺点吗？
浏览 0提问于2018-10-28得票数 4
在下面的getElementsByTagName("p")[0]和getElementById("demo")中访问相同的元素。
这两项工作都完成了，因此我不知道为什么需要jquery数据函数。是第二个不可移植到所有浏览器。
$(document.getElementsByTagName("p")[0]).data("funcZ", function() {console.log("ZZZZZ")})
$(document.getElementById("demo")).data("fun
浏览 4提问于2012-07-30得票数 1
回答已采纳
我正在创建一个tumblr主题，我不想显示带有特定类的帖子。执行此操作的唯一方法是通过.class { display:none; }或jQuery $(".class").remove();
我知道谷歌不会喜欢它，因为有大量的内容对用户隐藏，但对搜索引擎可见。
我想确定的是:如果我使用$(".class").remove();，它与谷歌的display: none;是一样的，或者谷歌可以接受吗？
浏览 2提问于2011-12-02得票数 1
回答已采纳
1回答
我有一个iframe。在其中，我只运行一个javascript，它更新一些值并处理一个POST方法(以防止重新加载整个页面)。我的问题是，如果我将它设置为display:none;，脚本和POST方法会起作用吗？还是我应该把它设置成某种消极的立场？
什么是最好的解决方案(我知道可能是AJAX请求，但在我的情况下开发起来有点复杂)
浏览 0提问于2018-01-26得票数 0
回答已采纳
我有一个组件，我想在用户点击commandButton之后显示/隐藏它。
就像这样：
<h:commandButton id="showButton" value="#{bean.wasPressed ? 'Hide' : 'Show'}">
<f:ajax listener="#{bean.toggle()}" render="explanation showButton" />
</h:commandButton>
和
<h:panelGroup
浏览 4提问于2012-12-08得票数 6
回答已采纳
1回答
我有一个输入标签，我在我的铬控制台中写了下面的内容
这个结果对我来说出乎意料。在我读过的书中，我读到，当我改变html时，相应的属性应该被改变。但是我残杀属性，属性不应该被更改。
P.S.
$0是铬的特性，指向选定的元素。在脚本评估之前，我选择了输入标签。
浏览 1提问于2016-12-01得票数 0
在我正在开发的web应用程序上，我有一个表，用户可以在其中选择多行，然后页面可以使用JavaScript在AJAX请求中将所选行的in发送到后端控制器。 目前的方法是，JavaScript代码将这些in作为逗号分隔的列表写入隐藏的HTML元素的值中，然后在AJAX请求中发送整个列表。这是可行的，但是后端控制器必须将列表解析回单独的值才能使用它们，如果if实际上可以包含逗号，我不确定这是如何工作的。 我希望将in一直作为一个数组来处理，但我不知道将它们存储在隐藏元素中的最佳方式。有没有可能有几个元素具有相同的"id“或"name”属性，然后将它们的所有值读取到一个数组中，或者其
浏览 26提问于2021-01-16得票数 0
3回答
显示:无和DOM
、、、
如果display: none从DOM中移除了元素，为什么我可以在开发工具检查器中看到它，或者通过document.getElementBy访问？这应该是一条单行道。如果我们通过display: none移除元素，它应该不会出现在任何地方。我应该如何理解“从DOM中移除”？
浏览 4提问于2021-04-22得票数 1
最近，我一直在使用Sproutcore20和现在的Ember.JS构建一个手机应用程序，这在我的iPhone (3GS)上运行得很好，尽管它在许多安卓设备上都不太好用。
最简单的事情，就像从主菜单项切换，因此在不同的视图中加载感觉就像是原生的。
目前，它使用的是在状态图中附加和删除的模板视图。每个主菜单项都有一个主状态，在该状态下会附加(并在退出时删除)相应的视图。
这种方法对我来说似乎是最优的，但它的功能并不是最优的，所以我想知道另一种方法，比如在加载(延迟)和可见性切换时附加所有视图，是否会提高性能(1)？这会使DOM变得更大，从而使DOM上的操作变慢。
构建移动应用程序的最佳Ember.
浏览 1提问于2012-01-05得票数 6
1回答
我在一个使用ReactJs的一页网站上工作。网站的不同部分被创建为react组件，并基于用户在导航栏中选择的选项卡有条件地呈现。
我以react youtube播放器和一些嵌入式bandcamp播放器的形式包含了嵌入式内容。现在，每当我渲染它们的父组件时，它们都会重新加载。
在打开站点时加载此内容，并在必要时使其可见的最佳方式是什么？
浏览 0提问于2017-06-01得票数 0
我正在使用ng-repeat在我的网站上列出一堆菜肴帖子，当我点击它时，我想打开一个模式(这个模式将访问该菜肴的数据)。为此，我尝试为每个菜提供一个具有其自己id ( dish -$index)的模式div，然后将模式的样式从display:none更改为display: block。由于某些原因，我无法在我的javascript中通过Id dish-{{$index}}获取元素(它返回null)。为什么这样做不起作用，或者什么是更好的方法？我不想使用bootstrap。
<!-- Trigger/Open The Modal -->
<but
浏览 1提问于2016-08-22得票数 2
4回答
在下面的代码中，有没有什么明显的原因导致这种方法不起作用？
当我运行时，"ajaxBusy“div从不隐藏，"content”div也从不更改其可见性设置。所以我倾向于相信.ajaxStop永远不会发生。我尝试删除所有其他javascript函数，但这并没有改变任何事情。
在HTML文档的头部，我有：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
浏览 0提问于2011-08-09得票数 1
1回答
我正在尝试使用以下代码隐藏列表项(例如)
<ol>
<li>Coffee</li>
<li style="visibility:hidden">Milk</li>
<li>tea</li>
</ol>
但不巧的是，它呈现如下所示的空行：
1. Coffee
3. Tea
我想要的很简单：
1. Coffee
2. Tea
我在问有没有解决这个问题的好办法？谢谢。
浏览 0提问于2011-04-07得票数 2
回答已采纳
2回答
我在Angular *NgIf的语义UI下拉列表中遇到了一个问题。当我将语义下拉列表放入任何NgIf条件中时。语义不起作用。当我删除那个Ngif时，它工作得很好。任何针对此的解决方案。
WIth *NgIf，现在语义下拉将不起作用。它将显示正常的下拉列表。
<div *ngIf= "IsVisible">
<select class="ui selection dropdown"
<option value="" selected="selected">Bedroom</option>
浏览 1提问于2019-11-19得票数 2
如果master上的一些文件发生了一些更改，而我创建了一个分支，那么该分支是否可能不包含master分支上当前编辑的文件？
就像上次提交时的干净分支。
浏览 0提问于2013-02-26得票数 2
回答已采纳
我不能让这个肚脐只显示其中一个肚脐，它显示了他们两个。我做错了什么？
查看：
<!-- Logged in -->
<div ng-show="loggedIn">
Navbar logged in
</div>
<!-- Logged out-->
<div ng-hide="!loggedIn">
Navbar logged out
</div>
</div>
</nav>
主计长：
浏览 4提问于2015-06-09得票数 0
回答已采纳
有一个新的CSS属性content-visibility。
当设置为hidden值时，它会修改DOM吗？
浏览 0提问于2021-10-14得票数 0
回答已采纳
解释：
我在服务器端有这样的代码：
$objec->write( "divx" );
然后在用户代理(JQuery)中：
<div id="divx">
<!-- SERVER: here will be the content begins -->
<script type="text/javascript" language="javascript">
var r = $('#divx').myPluginCreator();
</script>
<!
浏览 0提问于2010-09-09得票数 0
回答已采纳
2回答
我有计算机科学背景，我最熟悉的语言是Java、C#和C++。在这些语言中，你的内存足迹总是在你的脑海中，我被教导要销毁不使用的对象。
我最近得到了一份网络开发人员的实习工作。我正在加快各种实践的速度，并做了一些我有一段时间没有做的网页设计，至少不是很好。在我的一个网站上，我有一些图像出现在屏幕上，然后移出视口，再也看不到了。
这对.hide()有问题的元素有好处吗？它是否会减少足够的内存占用，从而使其物有所值？它会减少占用的空间吗？一位同事说，这是不值得的，因为这是页面加载的打击，但他不完全确定。
浏览 0提问于2013-09-03得票数 0
我有一个这样的ExtJS商店：
var dataStore = new Ext.data.JsonStore({...});
我将它与一个工厂一起使用来获得一个GridPanel：
function CreateGrid(config) {
return new Ext.grid.GridPanel({
store: dataStore,
...
})
};
现在，当我运行这段代码时：
new Ext.Window({
closable: true,
items: CreateGrid(),
}).show();
我第一次运行它时
浏览 0提问于2010-02-24得票数 0
回答已采纳
我正在用asp.net C#设计一个名为“我的个人资料”的网页。从上到下的结构如下:文件上传控制( logo)，下拉列表(酒店类型)，一个丰富的文本框(联系信息-额外:粗体，斜体，超链接等功能)，下拉列表(位置)。
我的问题是在回发时保持文件上传控件和富文本框的值。此外，我无法插入数据库中的值，因为什么都没有发生。我试过很多方法。最后，我将我的设计设置如下：
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1"
浏览 1提问于2015-06-11得票数 0
我有一个angular SPA。主页分为两个部分-左和右(都有单独的滚动)。左边部分有链接，右边部分显示这些链接的数据。
这是主CSS。
#left, #right {
overflow-y: scroll
}
#left {
margin-top: 75px;
margin-left: 5%;
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 75%;
}
#right {
margin-top: 75px;
margin-left: 5%;
浏览 2提问于2015-10-08得票数 0
1回答
我已经为我的项目设置了一系列可重复的迁移，以删除(并重新创建)一些经常修改的数据库视图。包结构如下所示：
src/main/resources
|-db
|-R__pets_amphibians_view.sql
|-R__pets_birds_view.sql
|-R__pets_mammals_view.sql
|-R__pets_reptiles_view.sql
|-...
|-<versioned-migrations>
现在，我想要做的是将R__pets_mammals_view.sql视图分成两个更具体的视图:例如，
浏览 1提问于2017-08-14得票数 6
回答已采纳
我目前正在通过javascript设置/获取localstorage值，它工作得很好。但是，我希望通过服务器端代码从控制器或请求管道中的其他位置获取本地存储中的值。(类似于Request.Cookies从HttpContext返回的方式)
有人知道本地存储器藏在哪里吗？我可以在firebug/chrome中看到它，所以我知道它设置得很好，我可以通过javascript把它拉出来。
浏览 0提问于2011-10-26得票数 7
回答已采纳
1回答
当我单击另一个组件中的输入按钮时，我想在另一个组件中显示一个div。
例如：
在add组件中，我有一个输入：<input #openDiv>，当我点击或聚焦它时，我需要显示这个组件：
<div-component [focus]="openDiv"></div-component>
这是我的div-component：
export class divComponent implements OnInit , AfterViewInit {
@Input() focus: ElementRef;
}
我该如何解决这个问题呢？
浏览 1提问于2020-03-03得票数 1
我有一个自定义指令，其中我指定了控制器。我在控制器中设置的属性在模板中很好地内插，但是函数不会响应模板的ng单击。我用的是角版1.3.15。下面是我的问题的一个简化版本：
myModule.directive('myDirective',function(){
return {
scope:{},
template:
'<div>' +
'<button ng-click="myFn()">cli
浏览 3提问于2015-04-02得票数 0
回答已采纳
1回答
我需要在网格视图中插入一个带有隐藏字段的列。
用户不应该知道其中有一列。
我尝试了以下方法:创建一个css类宽度display:none;并分配ItemStyle-CssClass="MyCssClass"。
但结果并不令人满意。
插入了一个template field，在itemtemplate中，我给了一个asp:HiddenField
这两种方法都显示了一个额外的列隐藏字段。
没有值，因为字段被呈现为隐藏字段，但该列的宽度接近10像素(请参见此图像)。
因此，用户感到有一个空行在那里。
我要把柱子完全藏起来。
我不能将template field与visibility=f
浏览 3提问于2013-02-11得票数 6
回答已采纳
我有一堆缩略图，我正在加载一种visibility: hidden;风格的缩略图，以便它们都保持正确的布局。页面完全加载后，我有一个jquery函数来淡入它们。当他们的样式设置为display: none;时，这是可行的，但很明显，当时的布局搞砸了。有什么建议吗？
下面是淡入淡出的线：
$('.littleme').fadeIn('slow');
浏览 1提问于2010-03-13得票数 75
回答已采纳
2回答
如何导航到隐藏锚点？
、、、
我的页面上有一个id为select-box的隐藏元素。
<select style="display:none;" id="select-box">
在我的页面顶部有一个<label>：
<label for="select-box">Select box</label>
由于<select>处于隐藏状态，因此单击<label>不起作用。有没有办法做到这一点，最好不使用任何JavaScript？
浏览 1提问于2015-05-22得票数 1
我有这样的表格。
<form id="myForm">
<div>
<ul>
<li>
@Html.DropDownListFor(m => m.SelectedVal, new SelectList(Model.ValLst, "Value", "Name"))
</li>
<li>
@Html.TextBox
浏览 2提问于2015-08-07得票数 0
回答已采纳
我在引导表插件：上有问题
我需要隐藏的表中有一个隐藏的ID列。但我做不到
<th data-field="id" data-visible="false">ID</th>
因为这会从DOM中删除它。我需要将ID保留在DOM中，因为它用于表单提交。只是需要藏起来。
这也不起作用，我的样式丢失了，列也不存在：
<th data-field="id" style="display:none;>ID</th>
我甚至不能使用jQuery来手动隐藏列！换句话说，我在onPostBody之后尝试了下面
浏览 0提问于2018-03-12得票数 4
回答已采纳
我有一个视图控制器，其中我在IB中创建了UIwebView。
IBOutlet UIWebView *webView;
@property (nonatomic, retain) IBOutlet UIWebView *webView;
@synthesize webView;
此webView在viewDidLoad中有retainCount = 2。为什么？
谢谢
浏览 2提问于2010-08-26得票数 0
SENARIO:我的FTP服务器上有几个文件夹，属于特定的用户。假设我有10 1GB的总空间，我为每个用户分配了1 1GB，即可以容纳10个用户，每个用户有1 1GB。
现在用户可以添加/删除/编辑任何类型的文件以利用存储空间。我需要做的就是限制用户的文件存储空间不超过1 1gb。为此，我想使用FileSystemWatcher来通知我，一个用户已经创建/删除/编辑了一个文件，这样我就可以在创建文件或删除文件时将空间从1 1gb最小化。
这是使用FSW的一段代码。当用户使用正确id和密码登录时，相应的文件夹就会打开(出现在FTP服务器上)，用户可以在其中添加/删除/编辑任何类型的文件，并据此监
浏览 1提问于2010-06-27得票数 0
1回答
我在更改div的html时发现了一个问题：
document.getElementsByClassName("lab")[0].setAttribute("ng-bind-html", "binds");
$scope.binds="<h1>run</h1>";
我在java脚本中设置属性ng-bind-html，因为我已经在代码中集成了一些插件，在这些插件中，div of class="lab"是通过JavaScript声明的。属性binds是正确附加的，我在in元素中选中了这个属性。实
浏览 2提问于2016-01-16得票数 0
回答已采纳
Vue和Nuxt的新手。我试图在图像完全加载之前显示骨架。 这是我的尝试，骨架显示，但图像永远不会加载，onImageLoad永远不会被调用。 <template>
<div>
<img v-if="isLoaded" @load="onImgLoad" :src="me.img">
<div v-else class="skeleton"></div>
</div>
</template>
<script lan
浏览 28提问于2020-12-05得票数 2
回答已采纳
我已经解决了这个问题，但我想知道为什么首先会导致这个问题。我使用BeautifulSoup从一个网页中识别出这个跨度：
span = <span id="ctl00_ContentPlaceHolder1_RestInfoReskin_lblRestName">Ally's Sizzlers</span>
然后我给这个变量赋值：
restaurant.name = span.contents
然而，在每个循环中，这会占用整整1MB，大约有20,000个循环。通过试验和错误，我找到了这个解决方案：
restaurant.name = str(spa
浏览 4提问于2012-11-21得票数 1
回答已采纳
如果我需要重新访问以前的数据，同时通过ajax更新网页，建议将访问过的数据缓存到隐藏的标签或隐藏的div中(而不是仅仅用新数据替换)，这样当用户需要相同的数据时，就不需要再次接触服务器了？
浏览 0提问于2011-09-22得票数 0
回答已采纳
使用隐藏的复选框来创建带有状态的样式-例如，在动画下拉列表、自定义复选框等时-是一种非常流行的技术。使用JavaScript也很容易做到这一点。
这两种策略都有什么缺点吗？我正在寻找性能，渲染/重绘/回流，兼容性，代码标准，SEO等方面的差异。
function toggle() {
var cb = document.getElementById('checkbox-js');
if (cb.className === 'checkbox') {
cb.className = "checkbox checked";
}
浏览 1提问于2015-05-04得票数 0
我在一个分支中有多个提交。当我推动这些提交以进行代码审查时，我们的代码审查工具会为每个提交创建一次审查。
为了避免这种情况，我希望将多个提交合并为一个提交。同时，我不想丢失提交的历史记录。有没有可能创建一个新的分支，只用于审查，并将我的master分支中的所有提交合并到我的审查分支中的单个提交？我该怎么做呢？
浏览 0提问于2011-05-31得票数 6
回答已采纳
我想在我的ASP MVC 5应用程序中实现Angular JS, Angular JS UI plugins和bootstrap。有些人说Jquery在Angular JS部分仍然在使用，那么这里的任何人能解释一下我何时何地需要在Angular Js代码中使用JQuery吗？
浏览 1提问于2016-02-19得票数 1
我有这个html：
<head>
</head>
<body>
<h1>TEST</h1>
<script src="index.js" type="text/javascript"></script>
</body>
</html>
我特别将index.js作为一个大文件，例如1MB。并在缓慢的google网络上进行测试。
现在，问题是，当我运行网站，测试立即出现在屏幕上。页面仍然在加载(因为js文件很大)，但是测试立即出现。
我
浏览 4提问于2020-02-06得票数 1
回答已采纳
我使用显示一些绑定变量。我页面的骨架是
<body>
<!-- the content of the page, including an instance of the variable {{hello}} -->
<script src="vue.js"></script>
<script src="myscript.js"></script>
</body>
打开页面时，页面显示{{hello}}的时间很短，在此之后，将立即替换为变量hello的正确值。
什么是正确的方法(
浏览 1提问于2017-04-03得票数 2
回答已采纳
我有下一个模板：
<div ng-repeat="friend in friends | filter:filterFriendsHandler">
{{friend.name}}
</div>
在我的控制器里我有：
$scope.filterFriendsHandler = function(friend){
//HERE I WANT TO ACCESS TO FRIEND DOM ELEMENT; to do something like this:
//$(friendElement).text('foo'
浏览 1提问于2013-03-15得票数 11
回答已采纳
2回答
我构建了一个指令<playlist>，它调用我的自定义服务返回，然后显示一个视频列表。到目前一切尚好。但是，我不希望这个指令呈现和调用我的API，直到用户单击页面其他地方的链接为止。
如何让指令外部的链接触发<playlist>项的呈现？我寻找某种类型的onShow事件，但没有结果。
浏览 2提问于2014-05-19得票数 0
我有一个元素：
<div ng-if="products.length>0">
<select ng-model="model.newItem"
ng-options="pr.id + ') ' for pr in products track by pr.id"
ng-init="model.newItem=products[0]" />
</div>
我尝试访问控制器中的模型：
$scope.addProduct
浏览 0提问于2017-11-12得票数 0
1回答
我正在尝试在函数上挂载一个组件，它工作得很好。但是，我已经设置了它，这样它就会在X秒后销毁div。然后，当我再次尝试添加组件时，它删除了基本的div。我不知道该怎么解决这个问题... 组件： <template>
<div>
<b-alert show dismissible variant="danger">
<i class="mdi mdi-block-helper mr-2"></i>{{ text }}
</b-alert>
</
浏览 16提问于2020-04-12得票数 1
我在一个数组中有5个项目。当我对它们进行重组时，我只看到以更高的索引结束的项目的动画--另一个只是跳转到新的位置。
<div ng-repeat="item in items track by item.value" class="TestItem" ng-style="{'top' : $index * 20 + 'px'}">
{{item.name}}
</div>
CSS
.TestItem{
transition: all linear 2s;
posi
浏览 0提问于2014-12-16得票数 0
回答已采纳
我有一个视图控制器，一旦它的父视图控制器从视图层次结构中移除并释放，它就永远不会被释放。内存图中的每个实例看起来都是一样的，因为它只有一个对CFNotificationCenter的引用。似乎其他与此无关的不同类的视图控制器都具有相同的引用，但仍然会被释放。所讨论的视图控制器也没有任何NotificationCenter观察者，所以这对我来说没有任何意义。
我已经附上了内存图的图像，并修改了视图控制器的真实名称。我也确信这是视图控制器的完整图表，我还没有选择检查一个引用。
这里发生了什么事？为什么它不被释放？
浏览 2提问于2020-12-10得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
