问题标签 [ng-hide]

我是 angularjs 的新手，并且努力根据不同的点击使用 ng-show 和 ng-hide 为显示和隐藏不同的 Div 制定一些逻辑。

柱塞

视图 1：

最初它显示一个下拉列表、一些列表项和编辑按钮

单击编辑按钮一切都隐藏并显示视图 2

视图 2：

在视图 2 上有一个“创建新项目”按钮、与视图 1 的列表项具有相同值的输入字段列表和一个保存按钮。此视图 2 基本上是视图 1 的编辑模式。

到目前为止工作正常。

问题：如果我点击“+Create new item”，“View 2”应该隐藏，“View 3”应该打开。

视图 3 包含一些空白输入列表和“保存按钮”。单击“保存按钮”隐藏“视图 3”并再次打开“视图 1”。

查看 3

我正在努力根据使用 ng-show 和 Hide 的不同按钮单击来管理 3 个不同的视图。单击“+创建新按钮”后，它没有正确显示和隐藏。

这是否可以使其仅与 ng-show & ng-hide 完美配合？有没有更好的处理方法？

任何帮助将不胜感激。

我有一个简单的 ng-repeat-start 和 ng-repeat-end。在 ng-repeat 中，我有一个 ng-click。如何在 ng-click 中使用 ng-repeat-start 中的 $index 来显示/隐藏 ng-show。

HTML：

基本上我所拥有的是：

其中 $index 由父 ng-repeat-start 确定

我正在使用 ng-repeat 指令显示控制器中列表中的项目循环。它们只是带有最小化按钮的常规待办事项。因此，我正在做的最小化项目是通过单击这些特定元素的最小化按钮将 ng-hide 设置为 true。代码如下。

这是它的样子

我已经使用另一个 ng-repeat 在右侧面板中显示了列表，其中我只显示笔记的标题和一个按钮以在它们被隐藏时最大化（限制是我不能在单个 ng-repeat 中同时拥有左右面板）。现在的问题是，每当我单击最小化按钮时，该特定项目就会隐藏，但我现在无法使用右侧面板中的最大化按钮再次显示它。

我尝试在控制器中为最小化按钮的 ng-click 创建一个函数，如果项目的当前状态为“未隐藏”，该函数将返回 true，并且我已通过最大化按钮的 ng-click 将变量设置为 false用于 ng-hide。但它不起作用。

我现在受够了。如果你们有目的，请帮助我实现同样的目的。:(

编辑：这是右侧面板代码

我有一个非常简单的 angularjs 代码：

返回错误：

foo 是一个带整数的数字，我已经检查过了。

同样的错误：

但没有错误：

提前致谢

我正在构建一个角度测验，我试图根据测验是否开始显示一个按钮。用户登录后转到他们的用户页面，当他们还没有开始测验时，我想显示“开始测验”按钮。在测验期间，他们可以访问他们的用户页面，但只有“简历测验”应该是可见的。

作为我的最终测试，我将其简化为这一点。在我的控制器中，我特别声明：

然后在 html 文件中我使用这个逻辑：

所以你会假设，因为started被设置为false，所以只有开始测验按钮会出现。但是，两个按钮都一直显示，我似乎无法修复它。当我在 vm.started 上执行 console.log 时，它显示为 false。ng-click 工作正常。改用函数（返回布尔值）也不起作用。

有没有办法让 div 使用 AngularJs ng-hide 淡入淡出？目前，当我将鼠标悬停在标题 div 上时，我正在显示“菜单”。从标题移动到菜单本身时，我还让 div 保持不变。然而，我似乎无法找到一种方法让它使用 Angular 或 CSS 淡入淡出。

这是一个JSFiddle

html:

JS：

我正面临 Angular 的问题。我的代码很简单，但 ng-hide 不起作用。当用户修改注册表单的按钮时，我想隐藏部分代码。你可以帮帮我吗？

这是一个 JsFiddle：http: //jsfiddle.net/9ce63mno/3/

更新：虽然我不知道为什么在这种情况下需要控制器，但我添加了一个。我还定义了 ng-app。

谢谢

在 AngularJS 中，ng-show 函数在 div 部分中不起作用

这是它的代码http://plnkr.co/edit/jEuOmxR67kwO8tOeSz3g?p=preview 正如你在第 84 行中看到的那样，我已经包含了 ng-show 但它仍然显示在输出中。

我试图仅在用户按下按钮时显示图表！目前我正在做以下事情：

在 html 中：

在 controllers.js 中：

但图表从不显示......我的 $scope.secondGraph 开始 = true

提前致谢

我被一些东西困住了，这应该很普通。我正要写一个工厂来解决这个问题，但在想，一定有一个聪明的方法来解决这个问题。

我的指令 templateUrl 中有一个 ng-repeat：

我的切换功能如下所示：

这意味着，当我单击一个<p>元素时，将显示所有输入字段。因为他们都使用相同的变量。我无法全神贯注地为这个问题制定一个适当的角度解决方案，所以只有这个项目中的一个被切换。这样的解决方案是否存在？