问题标签 [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.
angularjs - 以编程方式在 ng-repeat 中创建 ng-show 值
我有以下内容:
我想为每个重复的 div 项创建一个唯一值,如下所示:
这样在我的控制器中我可以有一个动作,在本例中为 remove(),它将切换该属性。
}
我能够使用 $index 生成 html,但该代码不起作用,我不确定如何去做。
javascript - 自定义指令可以用包含 ng-show 的模板替换其元素吗?
我想构建一个简单的hello
指令,像这样使用:
如果foo
属性等于“bar”,我想用<div ng-show="true"></div>"
;替换元素 否则,将其替换为<div ng-show="false"></div>"
. 但是,我只想替换一个hello
元素,而不是嵌套在里面的任何子元素!
例如:
将被替换为:
这甚至可能吗?
javascript - AngularJS ng-show 动画在 ng-repeat 中交叉淡入淡出
简单(但不适合我!)angularjs 显示/隐藏动画问题。
我搜索了高低,但没有找到解决这个特定问题的方法,这也许可以用一个例子和一个“挑战”来最好地解释。
一、例子:http: //jsfiddle.net/adammontanaro/QErPe/1/
挑战:任何人都可以让这些图像相互淡入淡出,而不是出现在当前显示的图像下方或上方,然后在隐藏上方图像的 div 后弹出到位?
的HTML:
CSS:
我已经为此旋转了几个小时。我已经看到很多很好的帖子演示了如何使单个图像或 div 出现或消失,但是当我尝试简单的交叉淡入淡出和替换时,这一切都崩溃了。我尝试过使用绝对/相对定位,但无济于事。
尝试使用开关进行此操作,但无法在开关条件下使用 $index,因此我可以在运行时加载图像。这是一个很大的要求。
仅供参考 - 这是使用角度 1.1.5
谢谢!!!亚当
javascript - 如何根据布尔值在 AngularJS 中切换 ng-show?
我有一个用于回复消息的表单,我只想在isReplyFormOpen
为真时才显示,每次单击回复按钮时,我都想切换是否显示表单。我怎样才能做到这一点?
angularjs - ngShow的实现
之前有这个工作,现在它没有相应的响应。
在我的html中:
<div ng-click="setFalse();" ng-show"emptyspotslist">No results</div>
控制器:
$scope.emptyspotslist 的默认值 = true。单击后,DIV 不会隐藏。函数被调用。可能我忽略了一些非常简单的事情。
javascript - AngularJs:在 ng-show 中仔细检查
为什么检查像 ng-show (或其他)这样的指令中的任何表达式都是重复的?我做了简单的 jsfiddle 示例http://jsfiddle.net/fA5YX/。在浏览器控制台中查看。
怎么让它停下来?我只需要一张支票。
angularjs - AngularJS - 显示和隐藏多个内容
在 AngularJS 中,为了简单地通过 a 标签显示一个字段,我会这样做:
直到这里,没问题。我现在想放置更多按钮和字段,以便当我单击 A 时显示 A 的内容,然后当我单击按钮 B 时,A 的内容消失而 B 的内容出现。
我怎样才能做到这一点?谢谢你。
更新
谢谢大家的解决方案,他们有效!现在,我正在为 和 的每个内容制作一个模板,因为我有很多数据要显示,但都在相同的结构中。
这里是 index.html
这里是script.js:
这里是templateMethod.html:
有用!但是:如果我点击第一个按钮,然后点击第二个,第一个按钮的内容并没有消失,它出现在第一个按钮的内容下面......重复有问题吗?
谢谢
angularjs - Angularjs ng-show 指令将“N”和“NO”解释为虚假值
Angularjs ng-show 指令似乎将“N”和“NO”解释为虚假值。
在我的角度应用程序中,我正在使用以下内容显示与特定国家/地区相关的数据,
<div ng-show="countryCode">some code</div>
当我发现与挪威相关的数据未显示时,我感到很惊讶。这是因为挪威的国家代码是“NO”,这被认为是虚假值!
我不知道这是否是一种设计选择。但如果是,你如何处理这类问题
您可以在此处重现此内容
先感谢您
angularjs - AngularJS:如果 X > Y 显示并添加类
我正在构建我的第一个应用程序。这是一个订购系统,客户可以在其中将商品添加到购物车中。一切运作良好。但是,我的客户想要一种方法来提醒客户,如果他们尝试向购物车中添加大于当前库存的数量。
我的客户不想显示库存水平,除非客户添加的东西大于可用库存。
我有一张桌子,每行都有库存物品。我想做三件事,如果库存水平大于可用库存,我想更改: • 表格行上的类 • 将禁用的类添加到提交 • 显示一个包含可用库存的 div。
为了让事情变得更有趣,顾客必须按包订购,而不是按单件订购。
基本上,我试图让以下代码工作:
这是一般标记:
然后我想显示这个 div
我尝试将模型“totalitems”添加到一行,然后使用 ngShow 将其弹出。但是,似乎“totalitems”的评估结果一无所获。我已经尝试了其他一些选项,但没有任何效果(ngIF 等)。
关于类的变化,我猜,一旦我得到这个排序,我可以将表达式转移到 ngClass?我玩过这个,再一次,到目前为止没有任何效果。
angularjs - Angularjs:ng-show显示隐藏元素后如何滚动页面?
我有一个隐藏物品的清单。我需要显示列表,然后单击滚动到其中一个。我在这里复制了代码:http: //plnkr.co/edit/kp5dJZFYU3tZS6DiQUKz ?p=preview
正如我在控制台中看到的,scrollTop() 在项目可见之前被调用,所以我认为 ng-show 不是即时的,这种方法是错误的。它可以在超时的情况下延迟 scrollTop(),但我不想这样做。
还有其他解决方案吗?