问题标签 [ng-hide]

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 投票
2 回答
457 浏览

html - 当在同一元素上添加带有终端选项的自定义指令时,ng-hide 不起作用

我的按钮实例在这里:

我的指令代码在这里:

如果我从按钮 ng-hide 中删除该指令,则如果我包含该指令,它将不再起作用。当我包含指令时,我会假设 $scope.todo 变量超出范围,但我想知道如何解决这个问题?

0 投票
1 回答
1705 浏览

angularjs - Angular ngAnimate 如何在 ngHide 动画后隐藏元素?

目前,当一个元素通过 ng-hide 隐藏时,首先该元素显示为“none”,然后动画发生。动画完成后是否可以添加 display="none" ?

0 投票
2 回答
575 浏览

javascript - ng hide,如何有条件地显示带有 url 扩展名的 Angular 内容

我正在测试和应用程序,并且想做一些非常简单的事情。我想隐藏一个 div 并仅在将扩展名添加到 url 时在浏览器中显示它。例如:

我会通过在 url 中添加 --> ?show=cookie-banner 来查看隐藏的 div,因此像 ../webapp/#/subscribed 这样的本地站点不会显示隐藏的 div,而是 ../webapp/#/subscribed? show=cookie-banner 这会。我不确定我在做什么来完成这项工作。请帮忙!

0 投票
2 回答
608 浏览

angularjs - 检查数组的大小

我有一个总是返回 20 个项目的数组。但是,如果返回的项目少于 20 个,则返回一个 " " 而不是减少数组中的数量。

例如,myArray有 20 个项目(只有 15 个值)。

我想根据 myArray 中的项目中填充的数量对某些元素执行 ng-show/hide/if。

最初我尝试过:

当然,以上所有内容都会显示,因为总是有 20 件物品被退回。

我可以通过 ng-show/hide/if 来实现这一点,而不必在我的控制器中编写额外的 JS 吗?

0 投票
4 回答
8758 浏览

angularjs - Angular - 过滤以从数组中删除空白字符串

我有一个数组对象...数组可以包含空格,我如何创建一个角度过滤器来删除空格以确定数组的长度?

HTML:

谢谢

0 投票
3 回答
1249 浏览

json - AngularJS ng-show / ng-hide

我们正在尝试将这个Stackoverflow示例合并到我们的AngularJS脚本中,但似乎无法弄清楚它为什么不能正常工作。

我们希望在呈现 JSON 数据之前显示一个加载图标,一旦 JSON 准备好,我们就希望隐藏该图标。

这些是我们在示例中使用的主要片段:'$scope.dataLoaded = false;' 'ng-hide="dataLoaded"' '$scope.dataLoaded = true;' 'ng-show="dataLoaded"'

如果有人能看到我们错过了什么或我们做错了什么,请告诉我们。谢谢你。

普朗克

HTML

控制器

ANWSER

0 投票
3 回答
34484 浏览

angularjs - AngularJS - 在 ng-repeat 中使用 indexOf 来显示/隐藏值

我有一个JSON包含一堆数据的文件:

我的数据.JSON:

我试图显示div是否通过 indexOf 找到 Street 的返回值的匹配项

HTML:

这似乎不起作用。您可以indexOf通过执行此操作ng-show吗?

0 投票
1 回答
1100 浏览

angularjs - 在表单字段上隐藏用户输入的链接

我正在使用 AngularJS 和 Bootstrap 构建一个 SPA。我有一个表单,它在导航栏上有一个“返回”链接和 2 个按钮(保存和取消)。启动表单时,我只想显示“返回”链接(应隐藏保存和取消)。但是,当用户开始在任何表单字段中输入值时,我想隐藏“返回”链接并且应该向用户显示“保存和取消”按钮。

我的控制器逻辑如下图:

我有 isUnchanged 函数,它检查表单的当前状态和表单的初始状态之间的数据。然后在实际的 ng-show / ng-hide 指令中使用此函数,如下所示:

......

部分模板的初始启动正确地仅显示“返回”链接并隐藏“保存和取消”按钮。但是,当将值输入到可编辑的表单字段中时,不会发生切换。

关于可能出现什么问题的任何想法?

0 投票
2 回答
1071 浏览

javascript - AngularJS - 显示预加载器而不是 ng-cloak

我创建了一个预加载器,它在第一次加载页面时工作正常:http: //vivule.ee/1

但是,在页面内导航时,加载程序无法按预期工作。使用 FF 时可以很好地看到这一点。而不是加载器,它只显示空白背景。我正在使用 ng-cloak,没有它,而不是空背景,它将显示内容加载标签 {{}}。

我的加载器的工作方式如下 - 显示加载器直到加载内容,然后使用 ng-hide 隐藏加载器。我可以不使用 ng-hide,而是以某种方式监听 ng-cloak,比如当 ng-cloak 被激活时,它会显示加载器,而在加载内容时它会隐藏它,因为现在 ng-clock 似乎在 ng-hide 之前加载。

抱歉,如果问题太令人困惑:/

PS!要在页面内导航,请向下滚动到类似游戏并单击其中一个。

0 投票
1 回答
8837 浏览

angularjs - AngularJS - 将字符串转换为 int

我有一个包含数字的字符串列表的 JSON 文件,例如

在前端,我可以对此值执行条件吗?IE:

尝试这样做而不必编写任何 JS,因为这个 ng-if 将在一个复杂的 ng-repeat 中

我试过了: