问题标签 [ng-show]

I am trying to show / hide some HTML using the ng-show and ng-hide functions provided by AngularJS.

According to the documentation, the respective usage for these functions are as follows:

ngHide – {expression} - If the expression truthy then the element is shown or hidden respectively. ngShow – {expression} - If the expression is truthy then the element is shown or hidden respectively.

This works for the following usecase:

However, should we use a parameter from an object as the expression then the ng-hide and ng-show are given the correct true/false value but the values are not treated as a boolean so always return false:

Source

Result

This is either a bug or I am not doing this correctly.

I cannot find any relative information on referencing object parameters as expressions so I was hoping anyone with a better understanding of AngularJS might be able to help me out?

我正在测试最新的 angularJS 版本 1.1.5 中的动画，它似乎无法正常工作。请检查这个小提琴

html:

CSS：

AngularJS：

但是，当我切换回 1.1.4 版时，它工作正常，但有另一个错误，他们说它已在 v1.1.5 中修复。现在这令人困惑。他们用更新的错误修复了以前的错误？无论如何，任何帮助将不胜感激。

我有一个 HTML 表格。

对行进行计数（通过使用$index），并且只显示某些行（通过使用ng-show）。

问题：$index 没有返回正确的计数。表格的计数应该像“1,2,3...”，但事实并非如此。

这是JSFiddle；不要忘记点击按钮查看问题：http: //jsfiddle.net/f6HCX/2/

是什么导致了这个计数问题？如何解决？

（您能否也评论/评价我的问题描述的清晰度，（容易理解吗？）干杯！）

编辑：这个问题已经回答了。使用过滤器的更多信息：如何在 AngularJS 的过滤器中使用参数？

我正在尝试使用 ng-show ，它只是在存在某些东西时显示它。

我在范围 comment="No" 中对此进行了测试，但它隐藏了它。当 comment="Yes" 显示它时，我很困惑为什么会这样，因为在 JavaScript 中我尝试 if (comment) 并且它可以工作......

我已经使用以下解决方案（已接受的答案）为我的复选框列表创建了一个新指令：如何获取具有选择/取消选择所有功能和不确定值的 angular.js 复选框？并且我想在至少选择一项时显示以下按钮块：

如您所见，我正在使用“data-ng-show”属性，并为其分配了“masterChecked”，该属性是根据“master”的状态在指令的控制器中设置的：

但由于某种原因，我是否检查它 - 按钮不显示。知道我可能做错了什么吗？

这是小提琴：http: //jsfiddle.net/scabro/Ahe2X/10/

我有一个页面可以动态更新我的模型

当我从当前页面中的操作动态更新我的模型时

div 不显示。拜托，你能帮帮我吗？

提前致谢 。

我使用 ng-pattern 进行验证，使用 ng-show 显示错误消息。这在浏览器上运行良好，但我如何在 e2e 中对其进行编码以测试是否出现错误消息？

这是我的 HTML：

这是我的 e2e 脚本：

这是测试运行器的结果：

似乎在测试运行程序中，无论我在 e2e 中指定什么，#pnameValidate 总是显示。

• 我正在尝试使用存储在 json 文件中的元数据在屏幕上显示 html 控件。
• 此外，我正在尝试创建一个状态，在该状态下，按下复选框将使下拉菜单被禁用。
  • 我设法为带有静态选项的选择框和带有动态选项的选择框（使用 ng-options）实现了这一点。
  • 用ng-repeat包装它时我无法做到这一点。

我花了很多时间来完成这项工作，但效果不佳。

如果有人能指出我正确的方向，我将不胜感激。

我创建了一个示例代码，可以在此处的Plunker中找到

我有一个滑块型旋转木马，带有两个可以左右滑动的部分容器。在我开发的版本中，我在一个部分容器中有图像。我遇到的问题是因为我来自服务器的图像需要一段时间才能加载我发现当用户单击后退按钮时，页面再次被添加到 DOM（由于 ng 切换）并且必须重新加载图像。

我的问题：有没有办法使用 ngif 或 hide/show 来代替它，以便页面只是设置 display: none 时隐藏，以便当前未显示的页面容器不会从 DOM 中删除？

Plunkr在这里：链接

我从几天前访问的博客中制作了上面的示例，我似乎再也找不到了，但是上面的示例使用 ng-switch 方法工作。

我开始使用 AngularJS，我尝试使用 和 制作一个带有简单动画的选项ng-show卡ng-animate。您可以在此处查看简化代码：Plunker。

当我在没有ng-animate指令的情况下尝试它时，它可以在面板之间正常切换（当然没有动画）但是当我尝试使用动画时，ng-show指令仅在第一次工作。