问题标签 [angularjs-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 投票
3 回答
1195 浏览

angularjs - ng-show 和 ng-if 滞后于隐藏内容

我有以下内容可以根据 searchQuery 是否为空来显示和隐藏清除按钮。当用户开始在输入框中输入时,按钮会立即显示。

但是,当用户单击清除按钮或删除所有输入时,在清除按钮被删除之前会有明显的延迟。我也尝试过 ng-show,并收到了相同的结果。任何想法为什么会存在这种滞后?

HTML

控制器

0 投票
3 回答
1686 浏览

angularjs - ng-show 在 safari 中以 1.3.6 的角度闪烁

我使用 Ionic Framework 开发了一个移动 Web 应用程序。

当我使用角度为 1.3.0 的离子 beta-13 时,ng-show效果很好。但是在使用 angular 1.3.6 更新到 ionic beta-14 之后,在 Safari 浏览器上,当我在视图之间导航时,元素开始闪烁。它在 Chrome 上运行良好。

UDP日期

我为我的问题制作了一个codepen版本。Safari 中的选项卡之间的转换是跳跃的(因为隐藏的文本),而在 Chrome 中它可以按预期工作。

JS:

HTML:

0 投票
2 回答
563 浏览

angularjs - 单击单选按钮不显示其他 div

我是 bootstrap 和 angularjs 的新手,我正在尝试创建一些相当简单的东西,但似乎有一些我看不到的问题。

如果单选的值为真,我想显示一个 div,如果单选的值为假,我想隐藏它。这是我到目前为止的代码 - 我查看了互联网上的示例,它们似乎都像我一样做。

到目前为止,我还没有定义任何控制器,只是这个 html 文件(JSFiddle):

有趣的是,如果我用一个文本字段替换收音机并在其中ng-model="preferredDealer"输入true,它会显示 div - 一旦我将它更改为非真值,它就会隐藏。

我在这里想念什么?

0 投票
1 回答
281 浏览

angularjs - AngularJs 不更新视图变量

我在这里遇到一种情况,我的网站是用 angularjs 构建的。我的整个路线都是通过角度管理的。成功登录后,我将用户重定向到仪表板页面。我在一个元素上有一个显示隐藏条件,现在停止工作。这是代码:

所以磁贴只对登录用户可见。登录后,瓷砖应该是可见的,我听了 routechangesuccess 事件并根据它进行更改,但它不起作用。

但这并没有启用磁贴,但如果我console.log($scope.ShowTiles);显示它是真的。我尝试了safeapply,但仍然没有帮助,但是如果我刷新整个页面,那么它就可以了。

0 投票
1 回答
795 浏览

angularjs - 如何在 Angular 指令中使用选择选项下拉菜单?

Plunkr:http ://plnkr.co/edit/pJRzKn2v1s865w5WZBkR?p=preview

  • 我有两种形式,一种是简单形式,一种是高级形式。
  • 两者都有相同的选择(很多选择)
  • 开始选择标签中只有几个不同,其中包含

在我的指令控制器中,我使用这样的变量来显示和隐藏打开的选择标签:

然而 HTML 最终看起来像这样,这破坏了设计: 在此处输入图像描述

你将如何重构这个?

0 投票
0 回答
96 浏览

angularjs - 如何访问 AngularJS 中的查询字符串

我有一个 ng-repeat 可以正常工作,直到我尝试对其进行限制。

这工作正常:

它吐出律师的名字。但是当我尝试向其中添加条件时:

它不显示任何内容。我假设我做错了 ng-show,但我似乎找不到如何正确地做到这一点。

谢谢!

0 投票
2 回答
2198 浏览

angularjs - angularjs - ng-show 不能与 ng-repeat 一起使用

我在ng-click中有一个变量设置为 true,但下面的 div 没有显示。我已经关注了这篇文章,但它似乎在ng-repeat中不起作用?这是 plunker:http ://plnkr.co/edit/90G1KAx9Fmf2SgRs5gYK?p=preview

0 投票
4 回答
3767 浏览

javascript - 仅当存在嵌套图像时,如何在 AngularJS ng-repeat 循环中显示对象?

我的 AngulaJS 驱动的前端从本地JSON文件中获取数据,稍后将切换到 API。数据是Project具有嵌套对象列表的对象列表Image。我在循环中显示这些数据:

但有时图像src无效(错误404)。最好跳过images[0]无法找到第一张图像 ( ) 的此类项目。如何让脚本跳过不相关的对象?


编辑

我已经得到了三个答案,但解决方案不起作用,我想准确地解释这个问题:

图像的src属性总是设置的。这不是问题。这意味着,检查它是否已设置(如ng-show="projectItem._embedded.images[0].src != ''"or ng-if="{{projectItem._embedded.images[0].src}}")将不起作用- 不起作用。

它不起作用——src属性已设置。这是错误的(将导致404错误),但它已设置并且projectItem._embedded.images[0].src != ''也会返回true“不相关”对象。

在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
46 浏览

angularjs - 如何从指令访问工厂?

我有一些导航栏项目,只有在用户通过身份验证时才会显示。下面的简化视图:

导航栏

工厂

主控制器

假设工厂中isSecretAgent设置的值bgData可能会响应用户操作而改变,我该如何设置我ng-show的更新基于此?

0 投票
2 回答
293 浏览

angularjs - ngShow 不能从 HTML 上的模板工作

我在 HTML 页面上的模板中显示和隐藏 div 时遇到问题。这是一个简单的 JSFiddle 示例Example

HTML是这样的:

我不能像在这个例子中那样将我的 html 代码添加到模板中,因为我想要显示或隐藏的 div 是整个 html 页面。

提前致谢