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

angularjs - 以编程方式在 ng-repeat 中创建 ng-show 值

我有以下内容:

我想为每个重复的 div 项创建一个唯一值,如下所示:

这样在我的控制器中我可以有一个动作,在本例中为 remove(),它将切换该属性。

}

我能够使用 $index 生成 html,但该代码不起作用,我不确定如何去做。

0 投票
3 回答
477 浏览

javascript - 自定义指令可以用包含 ng-show 的模板替换其元素吗?

我想构建一个简单的hello指令,像这样使用:

如果foo属性等于“bar”,我想用<div ng-show="true"></div>";替换元素 否则,将其替换为<div ng-show="false"></div>". 但是,我只想替换一个hello元素,而不是嵌套在里面的任何子元素!

例如:

将被替换为:

这甚至可能吗?

0 投票
3 回答
22117 浏览

javascript - AngularJS ng-show 动画在 ng-repeat 中交叉淡入淡出

简单(但不适合我!)angularjs 显示/隐藏动画问题。

我搜索了高低,但没有找到解决这个特定问题的方法,这也许可以用一个例子和一个“挑战”来最好地解释。

一、例子:http: //jsfiddle.net/adammontanaro/QErPe/1/

挑战:任何人都可以让这些图像相互淡入淡出,不是出现在当前显示的图像下方上方,然后在隐藏上方图像的 div 后弹出到位?

的HTML:

CSS:

我已经为此旋转了几个小时。我已经看到很多很好的帖子演示了如何使单个图像或 div 出现或消失,但是当我尝试简单的交叉淡入淡出和替换时,这一切都崩溃了。我尝试过使用绝对/相对定位,但无济于事。

尝试使用开关进行此操作,但无法在开关条件下使用 $index,因此我可以在运行时加载图像。这是一个很大的要求。

仅供参考 - 这是使用角度 1.1.5

谢谢!!!亚当

0 投票
6 回答
158888 浏览

javascript - 如何根据布尔值在 AngularJS 中切换 ng-show?

我有一个用于回复消息的表单,我只想在isReplyFormOpen为真时才显示,每次单击回复按钮时,我都想切换是否显示表单。我怎样才能做到这一点?

0 投票
2 回答
250 浏览

angularjs - ngShow的实现

之前有这个工作,现在它没有相应的响应。

在我的html中:

<div ng-click="setFalse();" ng-show"emptyspotslist">No results</div>

控制器:

$scope.emptyspotslist 的默认值 = true。单击后,DIV 不会隐藏。函数被调用。可能我忽略了一些非常简单的事情。

0 投票
2 回答
476 浏览

javascript - AngularJs:在 ng-show 中仔细检查

为什么检查像 ng-show (或其他)这样的指令中的任何表达式都是重复的?我做了简单的 jsfiddle 示例http://jsfiddle.net/fA5YX/。在浏览器控制台中查看。

怎么让它停下来?我只需要一张支票。

0 投票
6 回答
19653 浏览

angularjs - AngularJS - 显示和隐藏多个内容

在 AngularJS 中,为了简单地通过 a 标签显示一个字段,我会这样做:

直到这里,没问题。我现在想放置更多按钮和字段,以便当我单击 A 时显示 A 的内容,然后当我单击按钮 B 时,A 的内容消失而 B 的内容出现。

我怎样才能做到这一点?谢谢你。

更新

谢谢大家的解决方案,他们有效!现在,我正在为 和 的每个内容制作一个模板,因为我有很多数据要显示,但都在相同的结构中。

这里是 index.html

这里是script.js:

这里是templateMethod.html:

有用!但是:如果我点击第一个按钮,然后点击第二个,第一个按钮的内容并没有消失,它出现在第一个按钮的内容下面......重复有问题吗?

谢谢

0 投票
1 回答
850 浏览

angularjs - Angularjs ng-show 指令将“N”和“NO”解释为虚假值

Angularjs ng-show 指令似乎将“N”和“NO”解释为虚假值。

在我的角度应用程序中,我正在使用以下内容显示与特定国家/地区相关的数据, <div ng-show="countryCode">some code</div> 当我发现与挪威相关的数据未显示时,我感到很惊讶。这是因为挪威的国家代码是“NO”,这被认为是虚假值!

我不知道这是否是一种设计选择。但如果是,你如何处理这类问题

您可以在此处重现此内容

先感谢您

0 投票
2 回答
7230 浏览

angularjs - AngularJS:如果 X > Y 显示并添加类

我正在构建我的第一个应用程序。这是一个订购系统,客户可以在其中将商品添加到购物车中。一切运作良好。但是,我的客户想要一种方法来提醒客户,如果他们尝试向购物车中添加大于当前库存的数量。

我的客户不想显示库存水平,除非客户添加的东西大于可用库存。

我有一张桌子,每行都有库存物品。我想做三件事,如果库存水平大于可用库存,我想更改: • 表格行上的类 • 将禁用的类添加到提交 • 显示一个包含可用库存的 div。

为了让事情变得更有趣,顾客必须按包订购,而不是按单件订购。

基本上,我试图让以下代码工作:

这是一般标记:

然后我想显示这个 div

我尝试将模型“totalitems”添加到一行,然后使用 ngShow 将其弹出。但是,似乎“totalitems”的评估结果一无所获。我已经尝试了其他一些选项,但没有任何效果(ngIF 等)。

关于类的变化,我猜,一旦我得到这个排序,我可以将表达式转移到 ngClass?我玩过这个,再一次,到目前为止没有任何效果。

0 投票
2 回答
10192 浏览

angularjs - Angularjs:ng-show显示隐藏元素后如何滚动页面?

我有一个隐藏物品的清单。我需要显示列表,然后单击滚动到其中一个。我在这里复制了代码:http: //plnkr.co/edit/kp5dJZFYU3tZS6DiQUKz ?p=preview

正如我在控制台中看到的,scrollTop() 在项目可见之前被调用,所以我认为 ng-show 不是即时的,这种方法是错误的。它可以在超时的情况下延迟 scrollTop(),但我不想这样做。

还有其他解决方案吗?