问题标签 [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.
angularjs - AngularJS Group By 指令没有外部依赖
我是 Angular 的新手,想学习处理问题的最佳方法。我的目标是有一种可重用的方法来按标题创建组。我创建了一个可行的解决方案,但我认为这应该是一个指令,而不是我的控制器中的范围函数,但我不确定如何实现这一点,或者指令是否是正确的方法。任何输入将不胜感激。
查看我目前在jsFiddle上工作的方法
在 HTML 中,它是一个使用 ng-repeat 的简单列表,我在 ng-show 上调用我的 newGrouping() 函数。该函数传递对完整列表、我要分组的字段和当前索引的引用。
在我的控制器中,我有我的 newGrouping() 函数,它只是将当前与前一个进行比较,除了第一项,并根据匹配返回 true 或 false。
输出将如下所示。
第 1 组
- 美国广播公司
- 定义
第 2 组
- 吉
- jkl
- mno
感觉应该有更好的方法。我希望这是一个我可以重用的通用实用程序功能。这应该是一个指令吗?有没有比我传递完整列表和当前索引的方法更好的方法来引用列表中的前一项?我将如何处理这个指令?
任何意见是极大的赞赏。
更新:寻找不需要外部依赖的答案。使用 underscore/lodash 或 angular-filter 模块有很好的解决方案。
达里尔
angularjs - ng-show 以角度绑定到字符串表达式
有没有办法将 ng-show 表达式绑定到包含绑定表达式本身的字符串?
例如:
我也试过<input ng-show="{{field.showExpression}}">
了,但它们似乎都不起作用。
我希望绑定保持活动状态,以便当 field.a 对象从 true 变为 false 时,表达式会再次被评估,从而隐藏输入。
就像背景一样,我正在尝试实现依赖性下拉列表,因此我的showexpress应该是表单字段。showExpression='maindropDownValue!= null',每当将被绑定到MainDropDownValue被选中的MainDropdown时,就会显示第二个。
我正在使用角度 1.0.8
angularjs - Restangular API调用后的Angular ng-show
在进行 Restangular api 调用后,我无法更新 ng-show。在从 api 获得响应后,我尝试使用 $appply,但出现“$digest already in progress”错误。
并且在视图中
任何帮助是极大的赞赏!
angularjs - ng-show 元素是可见的,即使表达式的计算结果为 false
这个让我难住了。它上周工作,突然停止工作。我有 ng-show 的元素是可见的,即使它被评估为假。
在脚本中:
在标记中:
出于测试目的,我在标记中放置了一个 {{alerts.success}} 以确保它确实评估为假,并且我可以确认它是。
知道为什么会发生这种情况吗?
ps:不幸的是,我不能发布比这更多的代码。
angularjs - 动画文本角度
我想在选中复选框时突出显示表格中的一列。所以我有这个复选框(chBeamer),当它被选中时,我希望“beamer”列突出显示其文本。但我不知道如何开始,我正在考虑使用 ng-show?
html
控制器
感谢您的帮助!
angularjs - 了解 AngularJS 指令中的 ng-show
给定以下代码:
http://jsbin.com/uYETOSUM/2/edit?html,js,输出
我只想先显示第一个下拉列表(JSON 中的父问题)。在用户选择了一个选项后,我想显示另外两个下拉列表之一(JSON 中的附加问题对象中的子项)。在用于创建表单输入字段的 JSON 中给出了要显示的下拉列表。
为此,我已经尝试过ng-show
,但我似乎没有找到放置自定义ng-show
代码的合适位置。我想ng-show
在模板中是这样的:
whereshowQuestion()
遍历所有问题并匹配PreviousQuestionConstraint
以根据第一个问题中所选选项的值查看要显示的其他问题中的哪一个。
- 它应该在控制器中吗?
- 它应该在指令中吗?
- 它应该在指令的链接器函数中吗?
到目前为止,所有尝试都没有显示任何内容。
angularjs-directive - AngularJS:在递归指令的ng-show函数中访问当前对象
给定以下代码:
http://jsbin.com/EkIqAju/2/edit
如何访问showQuestion()
控制器函数中正在评估的当前对象?
我需要这个能够根据其他问题中给出的答案来验证要显示哪个问题。所以我需要访问当前评估的对象,检查约束,然后检查父对象的值来评估是否应该显示问题。
angularjs - 当我使用 ng-show 将一个图标更改为另一个图标时,如何在短时间内保留文本间距?
我有以下代码:
当 loading.length 为 0 时,我会显示一些水平条,当它变为非零时,它会变为微调器。
该代码有效,但在短时间内我看到一个没有图标显示的短暂闪烁。那时 Admin 一词向左移动。
有没有一种方法可以使管理员一词始终保持在同一位置,即使在没有显示图标的短时间内也是如此。还有比我使用两个<i>
元素和两个 ng-show 更好的选择吗?
angularjs - 为什么在 ng-show 指令评估为 false 后不添加 ng-hide 类?
即使 ng-show 评估为 false,我们的加载图标(微调器)有时仍然可见。
这是指令:
这是 httpInterceptor 广播是否应该打开微调器:
从console.log 输出和window.requestCount 来看,逻辑是正确的。在大多数情况下,这是可行的。但有时(可能存在竞争条件?),加载图标仍然存在类ng-hide-add ng-animate-active ng-hide-add-active
但 NO ng-hide
。我认为如果 ng-show 是假的,它应该添加一个ng-hide
类?
谁能阐明比赛条件可能是什么?
编辑:
是的,ngAnimate 模块包含在我们的应用程序中。这是加载图标的css:
我正在使用 angular 1.2.3 和 angular-animate 1.2.3
css - 如何使用 css 或 ngAnimate 在两条 ngShow 消息之间淡入淡出
我正在 angularjs 中创建一个表单,其中有两个 ngShow 用于错误消息。现在,我想交叉淡化这两条消息,将它们放在同一个位置。但是,我不确定如何获得它。
这是 plunker 链接:http ://plnkr.co/edit/EcT2oOmClz65WUgXgG4g?p=preview
我正在使用 1.2.4 并链接了 ng-animate 库。现在动画(淡入/淡出)是使用 CSS 而不是 JS 实现的:
html:
CSS:
JS: