问题标签 [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 投票
1 回答
35125 浏览

forms - ng-show="true" 但仍然有 class="ng-hide"

我是 AngularJS 的新手,所以我的问题可能有一个简单的解决方案。我一直在处理这个表格。我有两个输入 - 一个是门的数量,一个是窗户的数量。然后,如果它们满足一定数量的门窗总数,我想显示几个 div。当我在输入中输入数字时,ng-show 解析为“true”。但是该元素仍然具有“ng-hide”类,它仍然隐藏。

这是我的代码示例:

这是我进入 3 个门和 4 个窗口时的输出:

0 投票
1 回答
7598 浏览

javascript - 当布尔值更改时,AngularJS,ng-show 不起作用

AngularJS 中的 HTML 页面。当 boolean 设置为 true 时,我的 ng-show 不会显示 div。

这是我的 HTML 文件:

这是我的 controller.js 文件:

当我有 console.log 我的布尔文件时,它显示为 true(值已更改)

0 投票
5 回答
3882 浏览

javascript - Angular ng-show 指令不适用于按钮

我在那里有 angular.js Web 应用程序和 btn-group,例如:

我想隐藏一个按钮并添加:

在控制器中

$scope.show_button = false;

但我看到按钮。为什么?ng-show适用于整体btn-group,但不适用于一个按钮。

0 投票
1 回答
730 浏览

angularjs - AngularJs 1.2.2:在 ngRepeats 中,通过使用 $interval,更新了 ngShow 但不更新视图

这是一个 ngRepeat,它为用户重复警报。我想在一段时间内一一显示每个警报。我正在使用 ngShow 和一个计数器变量$scope.showedItem

模板

控制器

当我查看DeveloperTool时,我看到ng-show值每 5 秒更改一次,但是,视图没有刷新,始终显示相同的警报。甚至,项目类没有改变。

可能是什么问题呢?我对双向绑定的理解是一个很大的错误?

0 投票
1 回答
453 浏览

angularjs - 指令中的值更改时 NGHide 不受影响

我有一对想要隐藏或显示的元素,具体取决于照片数据是否可用。在初始页面加载时,这工作正常,但是,如果通过指令中的 capturePhoto 方法添加照片,我必须重新加载页面以使元素按应有的方式显示/隐藏。

.html

.js

})

如果我在设置后记录 measure.photo 的值,则会显示正确的值,但在 HTML 端,元素不会改变它们的可见性。我如何让他们对我的指令中发生的变化做出反应?

0 投票
1 回答
39 浏览

angularjs - 服务变量未被监视

我有这样的服务

并且菜单有一个查看 MenuService.show 的 ng-show

这工作得很好,但是我正在尝试这样做,以便当用户在主页中单击时,它将显示设置为 false,从而隐藏菜单。我有这个代码

但 ng-show 似乎并没有注意到 show 现在是假的并继续显示。我究竟做错了什么?

0 投票
2 回答
4495 浏览

javascript - 根据结果​​使用 ng-show/ng-hide 显示消息或显示内容

我有一个函数,可以在其中构建并返回这样的 JSON:

然后我在 Angular 中有如下视图:

我需要的是,如果entities有一个空数组,那么不显示,而是显示存储在同一个 JSON 中table#example-datatables的错误消息,也许是解决方案,但我不知道如何使用它,有什么帮助或建议吗?messageng-show/ng-hide

编辑1:代码停止工作

我有相同的 JSON 返回如下:

controller.js有这个代码:

在我的模板中,我有这个:

但是由于某种原因它不起作用,因为事情从不显示或隐藏,有什么问题?

0 投票
1 回答
3380 浏览

javascript - angularJS - ng-show - 错误

这就是我所拥有的。

我认为,NAME 属性有问题。如果我在两者中都使用 orderid,则输入标签和以下错误条件将起作用。但是我们使用 Struts,我需要 NAME 属性,比如xxxx.yyyy

有没有办法在 der ng-showexprssion 中使用这种语法?

感谢您的评论。

0 投票
1 回答
693 浏览

angularjs - Chrome 更新,AngularJS 问题

我正在做一个大型的 AngularJS 项目。将 Google Chrome 更新到版本 33.0.1750.117 后,ng-show 使整个页面闪烁。我的意思是,当它变为真时,在 div 变得可见之前(即使它是一个小 div),整个页面都会闪烁。在许多情况下,每次我在真假之间切换 ng-show时它都会闪烁(使用切换按钮)。

在更新之前它工作得很好。在 Firefox 和 Opera 中,它仍然可以正常工作

我尝试使用 ng-cloak,但我认为这无关。

顺便说一句,我正在使用 ng-animate。这是代码:

有什么线索吗?

提前致谢,

布鲁诺。

0 投票
1 回答
30737 浏览

javascript - 基于字符串数组的AngularJS过滤器?

我很难思考如何使用 Angular 过滤器来解决我遇到的问题。

这是我的数据结构的一个基本示例,一个任务数组:

所以每个对象都有一个标签数组。举例来说,假设我将这些对象中的每一个输出为表格中的一行。

初始化页面 ng-controller 后,我将从所有任务中获取所有标签(不重复)并将它们组装成一个tags数组。

然后,我将这些标签输出为页面上的可切换按钮。默认情况下,所有按钮都是蓝色的,表示“活动”(换句话说:显示包含此标签的任务)。我需要能够单击其中一个按钮来“关闭”该标签——这将过滤掉表中任务具有该标签的所有任务行。

就像视觉参考一样——灰色=“隐藏标签包含这个标签的任务”,蓝色=“显示标签包含这个标签的任务”:

所以你会看到一大排这样的按钮.

单击按钮会将其变为灰色,从而过滤掉表中具有该标签的所有任务。然后我可以再次单击按钮以重新打开该标签,重新显示带有该标签的所有任务。

我解释得够清楚吗?这是一个令人困惑的系统。

无论如何,我尝试了以下方法:

ng-filter="task in filteredWithTags = (tasks | filter: { tags: arrayOfTags }"无济于事。

有人介意为我指出正确的方向吗?:)

PS:本周早些时候我通过filterByTag(tag)在我的控制器中调用一个函数来完成这个工作。这将遍历任务数组中的每个任务,如果它具有匹配的标签,它将隐藏该任务。类似地,重新激活一个标签会做同样的事情,循环遍历每个人并发挥魔法......但我被告知我的方法很慢+过度杀伤,因为“角度过滤器可以为你处理所有这些,它会成为最佳实践”。因此,我为什么在这里,试图弄清楚如何让 Angular 为我完成工作:)

任何帮助表示赞赏!