问题标签 [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.
html - 当在同一元素上添加带有终端选项的自定义指令时,ng-hide 不起作用
我的按钮实例在这里:
我的指令代码在这里:
如果我从按钮 ng-hide 中删除该指令,则如果我包含该指令,它将不再起作用。当我包含指令时,我会假设 $scope.todo 变量超出范围,但我想知道如何解决这个问题?
angularjs - Angular ngAnimate 如何在 ngHide 动画后隐藏元素?
目前,当一个元素通过 ng-hide 隐藏时,首先该元素显示为“none”,然后动画发生。动画完成后是否可以添加 display="none" ?
javascript - ng hide,如何有条件地显示带有 url 扩展名的 Angular 内容
我正在测试和应用程序,并且想做一些非常简单的事情。我想隐藏一个 div 并仅在将扩展名添加到 url 时在浏览器中显示它。例如:
我会通过在 url 中添加 --> ?show=cookie-banner 来查看隐藏的 div,因此像 ../webapp/#/subscribed 这样的本地站点不会显示隐藏的 div,而是 ../webapp/#/subscribed? show=cookie-banner 这会。我不确定我在做什么来完成这项工作。请帮忙!
angularjs - 检查数组的大小
我有一个总是返回 20 个项目的数组。但是,如果返回的项目少于 20 个,则返回一个 " " 而不是减少数组中的数量。
例如,myArray
有 20 个项目(只有 15 个值)。
我想根据 myArray 中的项目中填充的数量对某些元素执行 ng-show/hide/if。
最初我尝试过:
当然,以上所有内容都会显示,因为总是有 20 件物品被退回。
我可以通过 ng-show/hide/if 来实现这一点,而不必在我的控制器中编写额外的 JS 吗?
angularjs - Angular - 过滤以从数组中删除空白字符串
我有一个数组对象...数组可以包含空格,我如何创建一个角度过滤器来删除空格以确定数组的长度?
HTML:
谢谢
json - AngularJS ng-show / ng-hide
我们正在尝试将这个Stackoverflow示例合并到我们的AngularJS脚本中,但似乎无法弄清楚它为什么不能正常工作。
我们希望在呈现 JSON 数据之前显示一个加载图标,一旦 JSON 准备好,我们就希望隐藏该图标。
这些是我们在示例中使用的主要片段:'$scope.dataLoaded = false;' 'ng-hide="dataLoaded"' '$scope.dataLoaded = true;' 'ng-show="dataLoaded"'
如果有人能看到我们错过了什么或我们做错了什么,请告诉我们。谢谢你。
HTML
控制器
ANWSER
angularjs - AngularJS - 在 ng-repeat 中使用 indexOf 来显示/隐藏值
我有一个JSON
包含一堆数据的文件:
我的数据.JSON:
我试图显示div
是否通过 indexOf 找到 Street 的返回值的匹配项
HTML:
这似乎不起作用。您可以indexOf
通过执行此操作ng-show
吗?
angularjs - 在表单字段上隐藏用户输入的链接
我正在使用 AngularJS 和 Bootstrap 构建一个 SPA。我有一个表单,它在导航栏上有一个“返回”链接和 2 个按钮(保存和取消)。启动表单时,我只想显示“返回”链接(应隐藏保存和取消)。但是,当用户开始在任何表单字段中输入值时,我想隐藏“返回”链接并且应该向用户显示“保存和取消”按钮。
我的控制器逻辑如下图:
我有 isUnchanged 函数,它检查表单的当前状态和表单的初始状态之间的数据。然后在实际的 ng-show / ng-hide 指令中使用此函数,如下所示:
......
部分模板的初始启动正确地仅显示“返回”链接并隐藏“保存和取消”按钮。但是,当将值输入到可编辑的表单字段中时,不会发生切换。
关于可能出现什么问题的任何想法?
javascript - AngularJS - 显示预加载器而不是 ng-cloak
我创建了一个预加载器,它在第一次加载页面时工作正常:http: //vivule.ee/1
但是,在页面内导航时,加载程序无法按预期工作。使用 FF 时可以很好地看到这一点。而不是加载器,它只显示空白背景。我正在使用 ng-cloak,没有它,而不是空背景,它将显示内容加载标签 {{}}。
我的加载器的工作方式如下 - 显示加载器直到加载内容,然后使用 ng-hide 隐藏加载器。我可以不使用 ng-hide,而是以某种方式监听 ng-cloak,比如当 ng-cloak 被激活时,它会显示加载器,而在加载内容时它会隐藏它,因为现在 ng-clock 似乎在 ng-hide 之前加载。
抱歉,如果问题太令人困惑:/
PS!要在页面内导航,请向下滚动到类似游戏并单击其中一个。
angularjs - AngularJS - 将字符串转换为 int
我有一个包含数字的字符串列表的 JSON 文件,例如
在前端,我可以对此值执行条件吗?IE:
尝试这样做而不必编写任何 JS,因为这个 ng-if 将在一个复杂的 ng-repeat 中
我试过了: