问题标签 [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 回答
911 浏览

angularjs - 将元素放在控制器之外并让它们仍然可以工作 AngularJS

如何使用控制器外部的过滤器控制变量和元素?

我已经设置了一个示例来更好地帮助我解释我的问题http://embed.plnkr.co/7E5Ls3oH0q4HuEZsewJL/

您将看到我有一个 div 正在使用 ng-show 切换,然后在过滤名称列表的搜索输入中。当我需要将切换的 div 和搜索过滤器放在“MainCtrl”之外时,问题就出现了。有没有办法让我把这些放在控制器之外,但仍然与“MainCtrl”的内容进行交互?

0 投票
1 回答
9229 浏览

angularjs - AngularJS 设置变量做 ng-show

我正在尝试制作一个简单的显示/隐藏功能,但我需要先 DIV 打开“显示”我该怎么做?

http://jsfiddle.net/Tyq38/

0 投票
1 回答
12389 浏览

angularjs - 根据 $scope 变量值显示元素

我是 AngularJS 的新手,正在尝试弄清楚如何根据变量值显示 HTML 元素。

我试过这个:

和这个:

到目前为止,这是我的代码:

在我的 .js 文件中:

该函数按预期触发,我可以看到计数并验证 $scope.matchCount 是否正确地使用记录计数进行更新,但它根本不会影响 UI。

我错过了什么?

0 投票
1 回答
229 浏览

angularjs - Ng-hide 在我的 Angular/Firebase 应用程序中不起作用

http://stevendavisphoto.com/mc/

所有代码都位于那里。当有组时,我试图隐藏显示“没有要显示的组”的 TR。

0 投票
2 回答
1016 浏览

javascript - 如何在不重新评估表达式的情况下从 ng-show 属性获取布尔值?

我正在开发一个项目,其中包含大量使用动态显示/隐藏的内容ng-show。一些被评估的表达式是冗长的。像这样的东西...

我需要使此内容符合 ADA WCAG 2.0。作为这项工作的一部分,我正在aria-disabled为所有隐藏内容添加属性。该aria-disabled属性将有一个truefalse值。因此,如果内容隐藏,则aria-disabled属性将为true,如果内容可见,则属性将为false。换句话说,它总是ng-show值的倒数,它需要随着ng-show属性值的变化而动态更新。

出于明显的原因(例如可维护性、可读性、减少膨胀等),我想避免重复代码并用爆炸来反转每个值,就像这样......

我宁愿做这样的事情......

这个想法是使用自定义invertNgShow函数来获取元素ng-show属性的布尔值,反转值并返回。不用说,我还没有一个可行的解决方案。

提前致谢。

0 投票
3 回答
411 浏览

javascript - 推送到对象/数组时,ngShow 不更新

这可能是不可行的,但如果没有任何数据,我会隐藏一个列表,然后希望在有东西被推送到它时显示这个列表。

这是一个工作示例 - 理论上,“未找到待办事项”消息应该消失,然后出现一个列表。我在 Add 按钮下方包含了 $scope.todos 的转储,以显示 $scope 更新。
http://plnkr.co/edit/4hwkwn?p=preview

我可以告诉 DOM 在 add() 调用之后更新吗?

0 投票
1 回答
1285 浏览

angularjs - 无法让角度 ng-show 或 ng-hide 在指令模板中工作

网络服务返回值......如果返回的值是 == 'N' 我想隐藏 html 元素。我的问题是我无法让 ng-hide 和 ng-show 在模板中工作。我查看了其他类似的问题,但修复对我不起作用。令人困惑的部分是,如果我查看呈现的页面,ng-show 语句看起来是正确的。

这是我的 HTML:

这是我的指令:

0 投票
3 回答
1222 浏览

c# - 使用angularjs验证html5中文本字段中的数字

我的表单中有一个数字类型的输入字段。它不是必填字段。所以我没有给出必需的属性。但是每当用户给它赋值时,他必须只提供数值而不是字母或任何特殊字符。如何在 angularjs 的 ng-show 中验证这一点?

0 投票
2 回答
71 浏览

javascript - Select input shown with ng-show

I'd like to put the focus on an input after it's shown with ng-show. However, this requires a jquery call to be made after the $digest cycle. Does anyone know how to run code after the item is shown, without resorting to setTimeout(), or some such thing? Here's an example plunk of the issue: http://plnkr.co/edit/synSIP?p=preview

0 投票
2 回答
12167 浏览

angularjs - Animate.css 和 Angularjs ng-hide

我正在学习和试验 Angularjs 和 animate.css。当 ng-show 为真或假时,我正在尝试添加动画。显示和隐藏有效,但动画无效。希望这里有人可以告诉我我做错了什么。

这是笨拙的。

谢谢您的帮助。