问题标签 [ng-show]

我正在使用 AngularJS 版本 1.2.11。我已经使用 ng-Animate（显示和隐藏）设置了一个工具栏来滑入和滑出过渡。

这是HTML：

这是相同工具栏元素的 CSS

动画不起作用，我不确定我是否正确执行此操作。

我有一系列 div 需要根据变量是真还是假来显示。div的代码如下：

和一个按钮，应该切换它们是否显示

updatePage 函数如下：

当我单击按钮时，第一个 div 消失了，但第二个 div 没有出现。

我无法弄清楚为什么第二个 div 在点击时没有出现。有人可以帮忙吗？通过调试，可以看到确实分别改成了false/true，但是第二个div没有出现。

请注意会有一系列的 div 不只是两个，这就是为什么函数按原样设置的原因，并将对其进行扩展。

我无法弄清楚为什么我的简单 AngularJS 应用程序无法按预期工作。“正在加载...”应该被隐藏，“完成！” 应在 1 秒后显示。

html:

Javascript：

ng-show="!notesOpened"如果 notesOpened 变量为真，我将使用隐藏 div。但是，当隐藏时，它会弄乱布局。有没有办法让 ng-show 以与 css 属性相同的方式运行visibility:hidden？这样被隐藏的 div 周围的所有 div 元素都留在同一个地方

这是我的 json（每个对象可以分配给多个类别）：

div 标签显示每个类别的内容。当没有内容分配给某个类别时，我想显示消息“没有可用的内容”。不确定像 ng-show="!content."this category" .length" 这样的东西是否可以工作。

...

我试图通过在 setTimeout 函数中编辑范围来触发 ng-show。setTimeout 是数据库查询回调的占位符。

索引.html：

脚本.js：

这在 setTimeout 内如何实现？谢谢！

http://plnkr.co/edit/RPS2vZAlVfhliQKteSSK

更新：如上所述， setTimeout 不是问题，它仅用于生成可重现的 stackoverflow 问题。在我的项目中，我构建了一个服务：

像使用它一样

我一直在试验角度动画，并得出结论，基于 Angular JavaScript 的动画不是使用 ng-if 触发的。我开发了一个简单的 Plunkr 来展示这种不一致。本质上，这个问题是我不想从 DOM (ng-if) 中添加和删除元素，而是宁愿使用 ng-show，因为其中一个动画项目是我想开始的 HTML5 视频在页面加载时预加载。来自 Plunkr 的代码如下：

HTML

JS

现在，如果您在此 Plunkr 中执行代码，带有 ng-if 指令的元素将为其不透明度设置动画，而带有 ng-show 的元素将不会触发动画。此外，在 Plunkr 中，我使用关键帧/CSS 转换以及 ng-show 和 ng-if 都测试了两种场景http://plnkr.co/edit/yzXYJnMrvYkWBnMtMLAm?p=preview

我在让 ng-show（或 ng-hide）处理自定义指令时遇到问题。它在普通的 HTML 元素上工作得很好。

我做了一个非常简单的例子来说明这个问题：

和JS：

最终结果是 html 按钮 'Second' 被隐藏，但 'mybutton' 没有。 http://jsfiddle.net/fotoguy42/4j7td/2/

如何使 ng-hide/show 在我的小部件上工作？

我的应用程序中有一个简单的导航控件，它有一个复选框列表，每个复选框代表一个标签，还有一个项目列表，每个项目都有一个或多个与之关联的标签。当检查一个或多个标签时，应显示具有这些标签的项目。

我有两个数据集，一个为每个项目列出一组标签，一个为每个标签列出一组项目。

到目前为止，我的代码如下所示：

HTML：

JS：

我遇到的问题是：虽然项目列表正确反映了初始标签选择状态，但在随后的复选框选中/取消选中时它不会改变。我的印象是，每次我选中一个复选框时，范围都会被修改，并且项目列表会被重新过滤，但情况似乎并非如此。

我错过了什么？

这是 jsfiddle 中的上述代码：http: //jsfiddle.net/2Vb2z/1/

这是来自 angularjs 示例

https://docs.angularjs.org/api/ng/directive/ngShow

我把所有东西都放在我的本地

为什么不在我的本地工作？

我错过了什么 ？

跳过了样式部分..因为它太长了