问题标签 [angularjs-ng-show]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
6401 浏览

javascript - ng-repeat:在点击时显示一个项目并隐藏其他项目

我有一个 ng-repeat ,它显示一个列表,divs当我单击一个时,它会显示div所单击项目的附加信息。

这是有效的

我的项目是从包含项目列表的 json 加载的,并且每个项目在此 json 中都有一个默认属性showfull设置。false这是可行的,但现在我想在单击项目时隐藏列表中的所有其他项目。我试过这样的事情:

这是行不通的

在控制器中我添加了一个功能:

但即使没有 foreach 逻辑,这也不起作用,单击时该项目不会显示附加 div。我有两个问题:

  1. 我想这是由于item在函数中“通过副本传递”expand或某种范围隔离问题,但你能详细解释一下原因吗? 解决了

  2. 当我单击一个项目并显示该项目的附加内容时,如何隐藏其他项目的所有附加 div?我需要做一个指令吗? 未解决

谢谢

0 投票
1 回答
2140 浏览

javascript - 评估 AngularJS ng-show 指令中的表达式

背景:作为我正在从事的项目的一部分,用户(在下面的案例中称为“艺术家”)可以选择从一系列角色中选择一个或多个角色:经理、制片人、代理等。因此,我需要根据用户选择的角色显示或隐藏页面的某些部分。

示例:当用户选择“经理”作为他/她的角色之一(并且在未选择“经理”时将其隐藏)时,我尝试使用以下有条件地显示一个 div,但没有运气。我应该在 ng-show 指令中使用什么?

请注意:在没有应用 ng-show/ng-hide 指令的情况下,div 看起来很好,所以我不是在寻找 CSS 答案或任何东西;我只是在寻找 ng-show/ng-hide 提供的条件方面。而且我知道角色的数据正在被拉到页面上,因为当我在页面上运行以下命令对其进行测试时,用户选择的每个角色的名称都准确显示:

0 投票
2 回答
95 浏览

angularjs - 单击时显示角度

我有这段代码,当我点击那个按钮时,按钮不会消失。当我去其他地方并回到那个模板(我正在使用 angularUI 路由器)时,那个按钮就会消失。color.show 定义变量为真。

0 投票
1 回答
8087 浏览

angularjs-ng-show - 使 ng-show 适用于 0 长度字符串“”

有没有办法让 ng-show 为 0 长度的字符串工作?

0 投票
1 回答
4960 浏览

javascript - ng-class 为 ng-table 标题禁用 ng-show?

偶然发现了一个奇怪的错误,想知道是否有人看到或理解它为什么会发生?我有一个 ng 表,其中包含在查询中加载的动态标题和动态数据行。

在加载数据之前,可以通过切换 column.visible 属性的复选框来过滤标题,该属性由 ng-show 指示。当我将 column.visible 设置为 false 时,正确的标题会按预期正确消失。但是,一旦我运行查询并加载数据,标题就不再过滤,即使数据列进行过滤,并且两者的 ng-show 变量都使用相同的对象设置为完全相同的属性(column.visible)(列)。

一探究竟:

这是列对象:

标头上有一个 ng-class 属性,而数据没有。一旦我从 div 中删除了 ng-class,整个事情就可以工作了,没问题,并且列排序仍然有效。任何想法为什么 ng-class 会禁用第一个 ng-show?

谢谢!

0 投票
1 回答
672 浏览

javascript - Angular ng-show 变量超出范围

我正在尝试以这种方式构建视觉登录/注销功能:

第一次打开页面时,登录链接可见且可用,注销不可用。当我提交登录消失并且注销可见。ng-show我从角度试过这个。水疗页面有通用菜单:

为了设置loginlogout变量,我这样做:

虽然,当我在 Chrome 中调试时,loginlogout正确设置为true,但它没有实现所需的功能。为什么loginlogout超出范围并且它不会true像在控制器中设置的那样保持不变。我也尝试过使用服务。我得到相同的结果。

如果我使用它可以工作$rootscope,但我听说不推荐这样做。此外,在某些时候,我对 ; 感到困惑$rootscope

无论如何,我会很感激能得到一些帮助。谢谢你。

0 投票
10 回答
147452 浏览

angularjs - 如何检查AngularJS模板中是否未定义范围变量?

如何检查范围变量是否未定义

这不起作用:

0 投票
1 回答
1038 浏览

angularjs - ngShow 上的动画第一次跳过

我正在尝试通过使用简单的 jQuery slideUp/slideDown 为 ng-show 以角度(版本 1.3.2)显示 twitter 引导面板主体打开/关闭动画。

(我一开始尝试使用 css 过渡,但由于身体高度未知而无法做到,并且最大高度动画在关闭时给我带来了问题,所以我决定使用 JS)

我已经成功制作了动画,但是第一次切换动画时它不起作用。所以第一个显示的身体不是动画的,然后是隐藏的动画,然后一切都很好(显示和隐藏动画)。

Javascript部分:

HTML部分:

我错过了什么吗?

0 投票
3 回答
710 浏览

javascript - ng-hide & ng-show in AngularJS

Using AngularJS I want to show and hide the data related with particular id in the toggle way.

My JSON Data format is like:

What I want is when click on id-1 It will show text One and Hide the others, when click on id-2 will show text Two and hide others and so on.

Here is the fiddle what I tried : jsfiddle : Demo Link

0 投票
1 回答
165 浏览

angularjs-ng-show - 角 ng-show 不工作

我在指令中有一个按钮,我只想出现在数组中的最后一个对象上。ng-show 计算控制器上的表达式。

表达式在浏览器中被正确评估,但按钮仍然显示。

在此处输入图像描述

因此,突出显示的行与上面没有显示删除按钮的行之间的区别在于,ng-hide 被添加到上面行的类属性中,并且它没有被添加到错误地显示删除按钮的行中。但我不知道为什么更新没有发生,因为 ng-show 表达式正在更新。