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

angularjs - AngularJS - ngclick 2次点击不起作用

我正在尝试实现一个简单的 ng-click,当用户在第一个实例中单击链接时会显示某些内容,在第二个实例中,显示的相同内容现在被隐藏了。

这是我的html:

由上可知,当用户点击时:

应显示/隐藏以下内容:

但是,这不起作用。

然而,如果我放置:

在我的内部tr,这DIV显示和隐藏。

0 投票
3 回答
22501 浏览

angularjs - 在 IONIC 中使用 ng-show 进行幻灯片转换

这是代码笔http://codepen.io/lakhan/pen/cukyL

我有一个带有 ng-repeat 的项目列表,我一次显示一个项目。单击下一步显示列表中的下一个项目。现在我想要实现的是单击下一步时在 Item 上的幻灯片转换。CSS方面我缺少一些东西。任何帮助将不胜感激。

0 投票
2 回答
510 浏览

html - Div 在 ng-show 上崩溃

我有以下内容:

根据 h4 元素是显示还是隐藏,正在调整包含 div 的高度。

有没有办法让 div 有一个恒定的高度?我会使用 min-height 还是有其他方法可以做到这一点?

0 投票
1 回答
6584 浏览

angularjs - AngularJS - ng-click 上的滑动效果

我创建了一个简单的 ng-click 函数,可以隐藏和显示DIV.

然而,宁可简单地出现和消失,angular是否有能力赋予滑动效果?

这是一个 plunkr:http ://plnkr.co/edit/jbHidL3oOQvi4RBCkJIF?p=preview

HTML:

0 投票
2 回答
1003 浏览

javascript - Angular JS Ng-Show / Ng-Hide

我正在为登录表单编写角度服务。我编写了一个工厂(并使用了一个 http 注入器),负责将摘要 HTTP 凭据提交给其余服务。我的身份验证正在工作,但我遇到的问题与错误消息有关,如果提供了不正确的凭据,我想显示该错误消息。

我包含了一个 div 和 ng-show 值 errorAlertTextElem。当资源工厂的 $resolved 状态为 false 时,我想显示 ng-show errorAlertTextElem 元素。现在这有效,但只是片刻。当我输入不正确的凭据并单击登录时,错误消息会显示一秒钟然后消失。我一直在试图弄清楚为什么会这样。我想知道我是否需要使用 $scope.$apply() 但由于摘要已经在进行中,所以这不起作用。我在这里想念什么?

角控制器代码:

html 代码登录表单代码(这是在我的 ng-app 中):

0 投票
0 回答
670 浏览

css - AngularJS ng-show 后,固定位置 div 不再固定在底部

这是我的问题:我有一个 id 为“foo”的 div:

以及它的崩溃动画:(请不要链接我 bootstrap-ui ...)

最后一个指令:

它绑定了一个名为 foo.collapsed 的布尔值

动画完美呈现,但隐藏/显示后 div foo 不再固定在底部。它在页面的中间。

应该在角度控制器中将底部重置为 0 吗?

应该直接使用 angular.animation 来获得更多处理吗?

任何想法 ?

0 投票
1 回答
312 浏览

javascript - 在自定义指令环境 angularjs 之外访问全局范围

所以这是我的自定义指令示例代码

这是我的 html 标记

如您所见,我想在自定义指令环境之外操作 $scope.show 但它不起作用..你能帮帮我吗?

0 投票
3 回答
704 浏览

angularjs - Angularjs:ng-repeat 与 ng-show 输入控件创建失败

我在使用指令中的ng-repeat值时遇到问题。ng-show

我尝试了许多解决方案,"myForm.".{{value}}.".$error.required"并且没有指令{{}},甚至没有下面的示例{{}}ng-show

看来,投入的价值ng-show搞砸了。ng-repeat在命名我的输入和创建输入控制条件时,我希望能够使用字段中的变量(由 生成)创建多个字段。

编辑:以下代码有效,但没有我需要的 ng-repeat。

0 投票
1 回答
410 浏览

javascript - 仅在第一次进入页面时如何显示按钮?

我正在使用 AngularJS、HTML、Javascript 和 Ionic 来找出在用户第一次进入应用程序中的特定页面时向用户显示消息的正确方法。此后不应显示此消息。

我目前正在使用一个按钮来显示消息并使用 ng-show 来检查“第一次”标志;此标志将在本地存储为布尔值“真”或“假”值,我正在使用 window.localStorage 来执行此操作。我想知道这种方法是否正确,如果正确,我的控制器中存在的第一次标志的代码片段如下所示:

在我的页面上,我有以下按钮,下面有更多代码,如下所示:

在我的调试窗口中,我看到我的应用程序识别出这是我第一次进入页面,但由于某种原因,该函数在页面完成加载之前被调用了大约 9 次。它不在任何类型的循环中,我确实有下面元素列表的代码逻辑,但是该列表独立于按钮,反之亦然。

这就是为什么我想知道,我在这里到底做错了什么?我的逻辑完全不正确,我的方法完全错误,还是我是对的,我只是在处理浏览器多次加载?

0 投票
0 回答
123 浏览

angularjs - 在 Angular 1.2+ 中使用 ngShow\ngHide

我们最近从 1.0.8 迁移到 Angular 的最新稳定版本(撰写本文时为 1.2.19)。

他们修复了一个关于孤立作用域的相当讨厌的错误,可惜我们(在不知不觉中)正在利用这个错误。我已经设法修复了我们的应用程序,但现在遇到了(很多)类似“如果这个属性在 $scope 上,那么......”的问题。

我们遇到这些问题是因为我们为 ViewModel 定义了一个通用结构。这意味着使用此结构的指令将在其范围内设置“非唯一”属性。在升级之前,由于该错误,可以从其子级访问隔离范围,但破坏了原型继承。这正是我们的方法奏效的原因。

这是关于我们的应用程序如何工作的非常简化的视图(在新旧 Angular 版本中都有效)

现在的问题是,该指令并不总是在 $scope 上设置相同的属性,它取决于从后端返回的内容。因此,假设在内部指令中我想检查该范围是否具有该属性,即使范围没有该id属性,它也会返回 true,但他的父级具有该属性。

在 JavaScript 中,您可以使用

但是,是否可以采用相同的方法来修复ngShowngHide指示?ng-show="id"由于原型继承(正如我在上面解释的),目前无法工作。