ng-show需要点击两次才能开始切换
ng-show是AngularJS框架中的一个指令，用于控制HTML元素的显示和隐藏。它的工作原理是根据指定的表达式的值来决定元素是否显示。
在ng-show指令中，如果需要点击两次才能开始切换，可能是由于以下原因之一：
- 初始状态问题：ng-show的表达式初始值可能为false，因此需要第一次点击将其切换为true，然后再次点击才能切换回false。解决方法是在初始化时将表达式的值设置为true或false，以达到预期的初始状态。
- 事件绑定问题：ng-show的切换可能依赖于某个事件的触发，而该事件的绑定可能存在问题。可能是事件绑定的位置不正确或者事件触发的条件不满足。解决方法是检查事件绑定的位置和条件，确保事件能够正确触发。
- 表达式逻辑问题：ng-show的表达式可能存在逻辑错误，导致切换行为不符合预期。解决方法是仔细检查表达式的逻辑，确保其能够正确地判断元素的显示和隐藏。
总结起来，解决ng-show需要点击两次才能开始切换的问题，需要检查初始状态、事件绑定和表达式逻辑等方面的问题，并进行相应的修正。
相关·内容
4回答
如何隐藏页面上任意位置的菜单点击？
angularjs
我有这个登录菜单和它的显示在点击，但在任何地方我点击它仍然是打开的。现在我需要实现当用户单击页面上的任何位置时，我关闭此menu.Any建议？
$scope.toggleLoggedIn = function () {
$scope.loggedInOpened = !$scope.loggedInOpened;
$scope.languagesOpened = false;
$scope.loginOpened = false;
};
<div class="fade-show-h
浏览 0提问于2015-07-16得票数 0
它可能与这个问题有关：
但是我没有找到一个直接的答案--那就是，如果ng-if的计算结果为false，并且子元素下有很多逻辑，比如其他ng-show、ng-repeat等，那么ng-if会跳过所有这些逻辑吗？
另一方面，ng-show或ng-hide实际上会运行所有这些逻辑，创建所有合适的DOM元素，但只是使用display: none的机制来隐藏或显示它吗？换句话说，它可能会运行得很慢。
因此，如果是这种情况，如果在ng-if和ng-show之间进行选择，如果我们知道元素(及其所有子元素)无论如何都不需要显示--也就是说，它不需要通过控制器中的某些标志或切换来显示(但数据库中的标志告诉我们不
浏览 1提问于2016-03-22得票数 0
2回答
使用Angular JS和ng-show创建SPA？
javascript、angularjs、single-page-application、angularjs-ng-click、ng-show
我最近完成了CodeSchool关于Angular JS的教程。
我想创建一个简单的SPA，改变一个固定的框架内的某个内容块的锚点点击。
我在想，我可以在锚标记上使用ng-click，更改控制器中的变量，并根据变量的值，使用ng-show显示不同的自定义指令。
我对使用ng-show有点犹豫，因为我不确定这是简单地隐藏了元素，还是使用AJAX来提取新内容并转储旧指令。
这个问题很难用语言表达出来。
如果我使用ng-show显示不同的自定义指令，我是加载所有自定义指令的内容并简单地显示或不显示它们，还是加载ng-show为true的指令
浏览 1提问于2015-06-29得票数 2
4回答
角度显示和角度绑定有什么区别？
angularjs
我在学习天使语。我对ng-show和ng-bind有疑问。
Here in this code it binds value and displays it.
<input type="text" ng-model="name">
<p ng-bind="name"></p>
Here in this code it appends from Hello
<h1 ng-show="sometext">Hello {{
浏览 7提问于2014-12-16得票数 1
回答已采纳
1回答
ng-显示/ng-隐藏从$scope中删除ng模型
javascript、angularjs、ng-show、angular-ng-if、ng-hide
<div ng-show="!showTagging" class="form-group">
<div class="form-group">
<div ng-show="!showPreview"> Add a photo of you enjoying a specific whiskey or an image inspired by one!</div>
<hr>&l
浏览 2提问于2016-11-11得票数 0
回答已采纳
2回答
同时鸣枪
javascript、angularjs、angularjs-directive、frontend
我正在尝试：show/隐藏一个<img>标记。当鼠标在上时，它应该隐藏元素，当鼠标离开时，应该向显示标记返回。
我试过的是：
<img ng-mouseover="active = true" ng-mouseleave="active = false"
ng-init="active = true" ng-show="active">`
问题是:当鼠标结束时， ng-mouseleave被同时触发，使元素在循环中闪烁。
我试图通过指令来修正它，但是我得到了同样的结果。
浏览 0提问于2018-03-01得票数 0
3回答
纳克秀和英吉利藏有什么区别？
angularjs
据我所知，ng-show和ng-hide都用于显示或隐藏给定的HTML元素。但是我在一次面试中被问到一个问题:如果我们有ng-hide，为什么我们需要ng-show？为什么我们应该支持ng-show而不是ng-hide，反之亦然？
我知道ng-if和ng-show/ng-hide之间的区别，但是我想知道ng-show和ng-hide之间的区别，因为这两者的功能是相同的。
浏览 0提问于2018-01-29得票数 2
回答已采纳
1回答
我的网页上有一个“选项”按钮。当用户单击该按钮时，会出现一个小的子菜单。
当我点击菜单外的时候，它就关闭了。到目前一切尚好。
我的问题是，当我再次单击选项按钮(当菜单可见时)，菜单将保持打开状态。应该会关闭的。
下面是管理“单击外部”功能的代码
$j(document).mouseup(function(e) {
var container = $j('.playlist-menu');
if (container.has(e.target).length === 0) {
container.hide();
}
});
和按钮上的事件
$j(&
浏览 3提问于2012-11-26得票数 0
回答已采纳
3回答
Angular: ng-show和函数
angularjs
假设你有一个模板，比如
<a ng-show=function()>a link</a>
我的问题是:函数什么时候运行？我如何告诉angular是时候重新运行函数了？
浏览 0提问于2017-03-25得票数 7
3回答
如何从单击文档中触发函数
javascript、jquery、angularjs
这里是我的情况:我有一个字段，一旦用户双击，它将编辑该字段。这很好，工作也很好。我有两个函数：ok和cancel。“取消”禁用编辑模式。自动取款机，用户必须单击“取消”才能禁用编辑模式。我想要的是，当用户单击页面上的其他地方时，允许禁用编辑模式。我怎样才能用角度来完成这个任务呢？
编辑:我在添加标记(注:这是Jade)：
tr(ng-repeat="user in users | filter:searchText"s)
td(ng-dblclick="editItem(user)", hm-double-tap="editItem(user)
浏览 6提问于2014-08-31得票数 0
回答已采纳
2回答
在重复调用同一个函数时，无法使jQuery回调正常工作
javascript、jquery、function
我在每个帖子中都有一个简单的共享按钮，我使用.toggle()函数来显示和隐藏选项。代码如下所示：
<div id="posts">
<div class="post">
<div class="content">
Post content
</div>
<div class="share">
<div class="trigger"> Share </div>
<div class="hidden"&
浏览 5提问于2013-12-25得票数 1
回答已采纳
2回答
编写导航angularjs的自定义函数
javascript、html、angularjs、angularjs-ng-click
所以我有一个导航，我想有一个下水菜单上的子菜单功能。我尝试使用ng-show来显示和隐藏菜单，但我必须返回并再次单击项目才能隐藏它。我希望能够单击以显示，然后单击其他任何地方将其隐藏。
尝试使用ng-click，但不确定应该将我想要检索的自定义函数放在哪里，而不管使用的是哪个控制器。
我会把类似这样的东西放在指令中吗？该函数不是调用html或获取任何内容，它只是在不同的点击事件上显示和隐藏内容。
浏览 1提问于2014-04-29得票数 1
1回答
AngularJS :增加对li的主动效应和悬停效应
javascript、angularjs
你好，我面临的问题是使Li成为活动选项卡，我已经添加了悬停效果，但是如何添加活动选项卡？我用户的角度是ng显示和ng隐藏，以改变图标在李。这是我的密码
<li ng-mouseenter="show = true" ng-mouseleave="show = false" id="home">
<img src="images/home.png" ng-hide="show" class="whiteClass" />
<img src=
浏览 1提问于2014-07-03得票数 2
回答已采纳
2回答
bx滑块bx-如果稍后显示，视图高度为0。
javascript、jquery、html、angularjs、bxslider
我有一个角度应用程序，在其中我正在使用an滑块插件。
我已经创建了bxslider指令来调用插件，在扩展该功能之前，一切都很正常。
这是创建指令的代码。
angular.module('sbAdminApp')
.directive('bxSlider', function(){
return{
restrict: "A",
require: "ngModel",
link: function(scope, element, attrs, ctrl){
浏览 1提问于2016-08-12得票数 0
回答已采纳
2回答
离子:ng-显示和页面转换
javascript、angularjs、cordova、ionic-framework
我正在开发一个带有Ionic的移动应用程序，但我还不太熟悉这个框架或角度。有一些列表项目，你可以点击看到一个页面与一些细节。
这是我的列表模板：
<ion-view view-title="In der Nähe">
<ion-content>
<ion-refresher
pulling-text="Aktualisieren"
on-refresh="loadData()">
</ion-refresher>
<ion-list>
浏览 0提问于2015-02-04得票数 7
2回答
角ng类码
angularjs、angularjs-directive
我对角很陌生，我有一段代码：
<nav ng-controller="navController">
<ul>
<li ng-class="{'active': location('/') || location('/homepage')}">
<a href="puppies">view puppies</a>
</li>
</ul>
</nav>
与相应的控制器
浏览 1提问于2014-08-25得票数 1
回答已采纳
3回答
调用单击的jQuery鼠标
jquery、ajax、click、mouseover
对jQuery来说是个新手，但对它非常着迷，而且非常喜欢它。不过，这个问题开始让我厌烦了。会很感激你的帮助。花了最后一周的时间来制造正面或反面。如果这个问题以前发布过，我很抱歉。
我有一份产品清单。每种产品都封装在一个<div>中。在每个div内部，有一个浮动的<span>来获取产品信息，还有一个<a>来传递产品的适当URL。此列表是使用ASP.NET以编程方式生成的。
<div id="prod1">
<span id="infoProd1" class="prodInfo" />
浏览 3提问于2009-04-03得票数 2
回答已采纳
4回答
在浏览器窗口中的任意位置单击时，如何设置变量？
angularjs
我的网站上有一个由ng-show控制的下拉菜单。当用户点击一个按钮时，他们会看到下拉列表。当他们再次单击时，下拉菜单将隐藏：
<div class="button" ng-click="show = !show">Click Me</div>
<div ng-show="show" ng-init="show = false">
<div>You can see me now!</div>
</div>
这可以很好地工作。但是，我想要的是，如果用户在窗
浏览 2提问于2014-01-12得票数 7
2回答
当用户单击菜单时，有没有更好的方法来隐藏它？
jquery
我使用下面的代码来显示/隐藏单击锚点时的导航菜单。
我遇到的问题是，当页面第一次加载时，我必须单击锚点两次才能显示菜单。在那之后，我可以通过一次点击切换菜单。我也可以在文档的任意位置单击菜单以将其隐藏。
有没有人发现下面的代码有问题，或者知道当用户单击菜单时隐藏菜单的更好方法？
$('#aToggleQuickNavigation').click(function () {
$('#ulQuickNavigation').toggle();
});
$('html').click(function () {
if ($('
浏览 1提问于2012-04-06得票数 1
回答已采纳
1回答
Angular:切换显示布局的最佳指令- ng-show？
angularjs
我想实现一个具有多种显示类型的结果列表(线条，网格，详细与否，等等)
做到这一点的最佳方法是什么？
我在考虑使用ng-show，但我想知道性能，隐藏元素是以某种方式处理的，还是使用ng-show一次有4到5种类型的布局和显示是可以的
浏览 0提问于2013-03-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
