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

javascript - 角度 JS 视图无法正确更新

这是我使用 Angular JS 的第一天,所以我还是个新手,我要求对我不理解的行为进行一些解释。我正在尝试构建一个由“面板”组成的表单。每个面板包含许多表单元素(复选框、单选组等)或消息。一开始只有第一个面板是可见的。每次用户做出“动作”(检查某事,选择某事)。根据先前的选择和其他数据出现一个面板(有时更多)。

每个表单元素在控制器中都有自己的模型。每个面板都有一个指令 ngShow 和控制器中的一个函数,用于返回是否应显示此面板。这是我的两个面板代码的一小部分摘录:

第一个面板(始终显示 ROOT 面板)

第二面板

应用程序.js

我的问题是,当我在第一个面板上更改我的选择时,视图不显示第二个面板中变量“motif”的值不会改变。只有当我在新选项上单击两次时它才会改变。我确实添加了这部分代码并且它可以工作,但我不明白为什么......

0 投票
1 回答
629 浏览

angularjs - angularjs ngrepeat设置数组值不起作用

我有一个 angularjs 页面,其中有一个 ng-repeat <ul> 数据点列表。每个 <li> 都有一个删除链接(称为删除 1),单击该链接时需要隐藏删除 1 链接并在其位置显示另外 2 个链接:取消和删除(称为删除 2)。当点击取消链接时,原来的删除1链接需要显示,取消和删除2链接需要隐藏。所有这些目前都有效,但现在有一个新的要求。

单击删除 1 链接时,其他列表项上的所有“取消和删除 2”链接对都需要隐藏。由于 AngularJS 是基于单一动作的,我为 deleteLinkClick 和 cancelLinkClick 创建了一个函数来执行所需的复杂动作。

当您查看下面提供的控制器代码时,您会看到显示标志设置为 false,但它不起作用。建议?

这是我的(苗条)html页面:

这是我的(咖啡脚本)控制器代码:

先感谢您

-wh

0 投票
2 回答
4328 浏览

angularjs - ngShow 不添加 ng-show 类

ng-show="boolDefaultIsFalse"我正在尝试为最初被属性隐藏的元素创建动画。

当我将布尔值触发为 true 时,会显示元素,但不会播放动画。

这是因为元素永远不会获得ng-show类。它确实从一ng-hide堂课开始。但是,一旦我显示该元素,该类就会被删除,并且不会添加新的类。

这是我的问题的演示:http: //plnkr.co/edit/OkJnxKlp9Ym1mc8CCD05

有人知道如何解决这个问题吗?


更新

我已经更新了 Plunker。

我添加了ng-classng-show类手动添加到div. 但是动画仍然没有播放。

0 投票
3 回答
3823 浏览

angularjs - ng-click ng-show/ng-hide 查看由 ng-repeat 创建的按钮列表

我有一个由 ng-repeat 创建的播放/暂停按钮列表。您单击每个播放按钮以流式传输歌曲,然后该按钮变为暂停按钮(因此您可以暂停它)。我能够正确设置按钮和单击事件,但是遇到了当您单击一个播放按钮时,所有按钮都变为暂停按钮的问题。

播放按钮 暂停按钮

我(想我)明白为什么会发生这种情况:因为 ng-show 变量(可见)正在更改,因此会影响所有这些变量。

我通读了其他类似的答案(ng-repeat ng-show dilemna),但我无法将这些课程(例如使用 $index)应用到我的示例中。此外,许多示例和小提琴使用您单击的 div,然后执行类似的操作show = !show,然后依次显示“正在加载...”。

我觉得我的有点不一样。

这是我的html:

这是我的控制器的相关部分:

有什么方法可以处理这个?因此,当您单击一个播放按钮时,它会隐藏而不是播放按钮并仅显示该播放按钮的暂停按钮。我猜这可能与 $index 或 Parentindex 有关,但经过几个小时的闲逛和阅读,我仍然没有靠近。

0 投票
1 回答
686 浏览

angularjs - AngularJS 基于计数器执行 2 种类型的 ng-click

我有一个$scope包含 50 多条记录的对象。我有一个通过limitTo<div>显示前5条记录。$scope

我有一个“查看更多”按钮,每次点击都会显示接下来的 5 条记录。

但是,一旦显示了 50 条记录,我希望我的按钮调用一个函数getMore(),就其本身而言,它会获得另外 50 条记录。

HTML:

JS:

我怎样才能消除需要有 2 个按钮?而且,getMore()如果再次返回最多 50 个结果(或 34 个),一次显示 5 个?

谢谢

0 投票
0 回答
780 浏览

javascript - ng-show 在茉莉花中没有改变

我正在为显示微调器的角度指令编写一些茉莉花测试。我的指令看起来像:

我的模板如下所示: <div><div ng-show="show" class="processing-spinner-container"></div></div>

现在,当我想做一个 jasmine 单元测试,测试 ng-show 时,我有这样的东西

但是,此测试失败。ng-hide即使我已将 $scope.show 设置为 true,它仍然具有该类。

0 投票
2 回答
23820 浏览

angularjs - 如果 $location.url == base (root) url,我如何使用 ng-hide?

我希望← 返回主页链接出现在我的 Angular 应用程序的每个页面的导航下方,主页除外。所以我想有条件地添加链接并使用ng-hide如果 url 已经在应用程序的主页(视图)上隐藏它。

我尝试使用 Angular 的$location服务但没有成功

我尝试了以下变体:

我很困惑,因为如果我location.hash == '#/'在主页上记录我得到的时间值true,那么ng-hide应该可以工作。

基本上我正在尝试此处列出的第三种方法: 如何根据我当前所在的页面/路线使用角度 ng-hide?但它不起作用。对于我想要实现的目标,该页面上的其他两种方法似乎过于复杂。

我错过了什么?

0 投票
7 回答
63285 浏览

angularjs - 为什么这个 ng-show ng-hide 不起作用

我在 AngularJS 中有一个简单的应用程序。我想在发出 AJAX 请求时动态显示消息。不幸的是它总是处于隐藏状态,我不知道为什么。

HTML:

AngularJS 控制器:

截屏

0 投票
3 回答
3142 浏览

angularjs - ngShow 选择的值?

我想仅在选择特定值(即special)时显示 div 。我尝试了以下方法,但它不起作用。任何提示我如何解决它?

0 投票
2 回答
746 浏览

javascript - 当我单击外部元素时调用一个函数,例如引导带模式关闭

我创建了一个 div 的弹出框。当我点击一个图标时会显示,当我点击关闭按钮时会隐藏。但是如果单击弹出窗口的一侧,我想将其关闭。我可以为此做些什么。我在我的项目中使用 angular 和 ng-show 和 ng-hide 来显示和隐藏 div。任何帮助都是可观的。提前致谢。html代码

Java 脚本

如果有人在 div 旁边单击,我只想关闭