问题标签 [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 投票
4 回答
3759 浏览

javascript - 检查无线电时Angular JS显示输入

我有一个像这样的javascript数组:

然后我有一个由 Angular JS 使用数组生成的单选按钮列表:

这行得通。在数组中,其中一个索引中有一个extraFieldwith 值true。当检查带有设置的广播按钮时,我需要Angular显示额外的输入字段extraField。数组可能会更改为具有多个索引extraField值。

所以额外的字段看起来像这样。

除了知道使用之外ng-show,我不确定这样做的正确方法是什么。上面的例子当然什么也没做。

0 投票
1 回答
856 浏览

angularjs - ng-hide/ng-show 中的 ng-hide/ng-show 在第一次触发时无法在 **chrome** 中正常工作,第二次反映很好

我有一个场景,其中有一个带有建议列表的编辑输入,当我在 ng-change 上输入条目时,列表会显示相关建议,如果没有可用数据则显示异常。但是在chrome中我遇到了一个问题,如果没有搜索(ng-change)本身,带有输入的列表就会显示“无数据异常”

我有这样的事情:

此处列表在第一次编辑时出现在 chrome 中,第二次工作正常!

0 投票
1 回答
1669 浏览

angularjs - AngularJS 根据 url/条件隐藏 div

这是我的网址 -charts/53d25d91959679701e362f25当我添加?widget=true到该链接时,charts/53d25d91959679701e362f25?widget=true我必须在charts/53d25d91959679701e362f25页面中隐藏两个特定的 div。

我已经尝试过 -ng-if="location.path()"但不适用于?widget=true

0 投票
1 回答
1776 浏览

angularjs - AngularJS - 如果日期在过去六个月内,则显示一个 div

我有一个简单的 ng-repeat 显示名称和图标列表:

如何修改它以便显示所有名称的列表,但仅显示过去 6 个月的图标?

我试过了:

我可以ng-show在我的<span>

0 投票
1 回答
1597 浏览

angularjs - AngularJS - 如果日期在过去 6 个月内,则隐藏/显示 div

我有一个ng-repeat显示日期列表以及有关该日期购买的信息。

HTML:

其中显示:

我怎样才能只显示从当前月份开始的最近 6 个月内的时间{{ data.purchaseDescription }}purchasedOn

0 投票
2 回答
1431 浏览

javascript - 如何在AngularJS中动态更新视图

我有div以下 2 个元素,我想根据doStuff()单击锚元素时在控制器中调用的函数仅显示其中一个。

以下是控制器代码:

上面的代码不起作用,因为即使在单击Do stuff and show B锚元素后,状态仍保持为“A”。

有人可以帮我理解为什么它不起作用吗?

编辑

应用程序.js

索引.html

我的视图.html

0 投票
1 回答
4842 浏览

node.js - 如何使用 ui-router 在 angularjs 中动态更改视图

我有一个名为的视图myView,其中我有两个 div 元素,我想ng-show根据$scope.states['currentState']is'A'或的值有条件地使用它们'B'。当单击调用控制器上的函数$scope.states['currentState']的锚标记时,会更改的值。doStuffmyController

我遇到的问题是,当单击锚标记并单击doStuff函数时,它会在控制台上显示 的值$scope.states['currentState']已被修改,但并未myView相应地更新命名视图。

以下是app.js,myView.htmlindex.html文件的代码。该index.html文件被用作我使用 Express 和 Node.js 渲染<div ui-view></div>的文件中的一个。index.ejs

应用程序.js

索引.html

我的视图.html

有人可以帮助我理解为什么没有显示divwith ,即使在调用函数states['currentState'] == 'B'时我看到值console.log($scope.states['currentState'])从 'A' 更改为 'B' ?doStuffmyController

编辑: 是我面临的问题的演示。

0 投票
1 回答
97 浏览

javascript - 为什么这个 ng-show 指令不起作用?

在我的 Angular 1.2.21 应用程序中,我似乎遗漏了一些非常明显的东西ng-show(在这里隔离了测试用例)。我希望仅当字符串不为空时才显示元素。假设我有一些动态的、可能是空的、带有静态标题的文本,并且我不希望在文本为空时显示带有标题和空文本的整个元素。

我试过这样(完整的plunkr)

html:

和js:

现在我希望“Hello foobar”<div>只在随机值 > 0.5 时显示,并且为了仔细检查,我添加了一个$scope.bar错误的值,所以我肯定希望“你应该隐藏!” <div>被隐藏。

但是,它们不是。我在这里想念什么?

0 投票
2 回答
413 浏览

javascript - 使用 ng-class 更改类时,ng-show 动画不起作用

对于 div,我有这样的ng-class表达式:ng-class="{error: msg.isError}"
和这样的ng-show表达式:ng-show="msg.text"
很明显,我希望 divmsg.text不为空时显示,并且我希望它在msg.error为真时具有类“错误”。
另外,我希望它在显示时淡入。当类没有改变时它工作得很好,但是当我设置msg.error为 true,同时为 设置一个值时msg.text,动画不会发生。
这是我的问题的JS小提琴
这是html:

这是js代码:

0 投票
3 回答
52172 浏览

javascript - AngularJS ng-show 具有多个元素的一个条件

我有三个带有“showMe”布尔值的 ng-click div。他们的段落有一个评估“showMe”的ng-show。

我的问题是,如何使用一种条件在我单击的 div 上显示段落?换句话说,如果我单击第一个 div,我应该只看到“1”,“2”和“3”段落应该保持隐藏。ng-repeat 不是此练习的选项。

这是一个JSBin:

http://jsbin.com/kiwicipabago/1/edit

谢谢你。