问题标签 [ng-hide]

I am trying to show / hide some HTML using the ng-show and ng-hide functions provided by AngularJS.

According to the documentation, the respective usage for these functions are as follows:

ngHide – {expression} - If the expression truthy then the element is shown or hidden respectively. ngShow – {expression} - If the expression is truthy then the element is shown or hidden respectively.

This works for the following usecase:

However, should we use a parameter from an object as the expression then the ng-hide and ng-show are given the correct true/false value but the values are not treated as a boolean so always return false:

Source

Result

This is either a bug or I am not doing this correctly.

I cannot find any relative information on referencing object parameters as expressions so I was hoping anyone with a better understanding of AngularJS might be able to help me out?

我有一对想要隐藏或显示的元素，具体取决于照片数据是否可用。在初始页面加载时，这工作正常，但是，如果通过指令中的 capturePhoto 方法添加照片，我必须重新加载页面以使元素按应有的方式显示/隐藏。

.html

.js

})

如果我在设置后记录 measure.photo 的值，则会显示正确的值，但在 HTML 端，元素不会改变它们的可见性。我如何让他们对我的指令中发生的变化做出反应？

我对 Angular 完全陌生，我发现做简单的事情对我来说并不那么明显？我有一个使用 ng-repeat 显示的项目列表。一旦单击该范围内的元素，我只想隐藏该元素。我想通过良好的做法以“角度”的方式来做......只是不确定那是什么。

这是html

这是我的js

我在 jsfiddle 上有这个：http: //jsfiddle.net/hS5q8/2/

帮助或方向会很棒！谢谢！！

我正在尝试查找在 angularJs 中访问部分（视图）时是否可以隐藏父文件内容。这是我的问题：
我的父页面（索引页面）包含菜单栏、页脚和其他一些内容，这些内容将显示在我产品的所有页面中。我在内容和页脚之间包含了 ng-view。现在，在特定页面中，我不想显示此菜单栏页脚。我只需要显示部分中存在的特定内容。所以，我需要隐藏菜单栏、页脚和所有其他来自父范围的东西。可以用angularJS来做吗？

提前致谢！

如果主视图是主页视图，则有一个角度应用程序，我想隐藏其中一个“包含的视图”。

我有一个关于 ng-repeat 的列表，它显示来自 $http 查询的结果列表（绑定到输入）。我希望当用户单击其中一个结果时列表消失，并希望恢复模型的初始空值。基本上，功能如下：

用户搜索词，列表显示结果，用户点击结果，列表消失，用户再次点击输入进行另一次搜索，出现新结果列表。

到目前为止，我已经设法使列表消失，但当用户进行另一次搜索时，它不会再次出现。

以下是相关代码：

和 JS：

Plunkr 坏了，我会尽快做一个。关于我错过了什么的任何想法？

这是我的问题：当我双击数组的一行时，我想让页面的几个部分消失。问题是......我不知道该怎么做。

基本上，这是我的 html 文件：

我试图在控制器“表”内这样做：

双击时 hideAlias 的值从 false 变为 true，反之亦然。但是，页面上什么也没有发生（什么都没有隐藏）

有什么线索吗？非常感谢

编辑 ：

控制器定义：函数表（$scope，$http，$route）{

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

这是HTML：

这是相同工具栏元素的 CSS

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

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

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

和JS：

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

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

我正在尝试使用 ng-hide 在网站主页的顶部导航栏中不显示后退按钮。这是按钮的html：

在控制器中，我试图将 false 定义为：

由于某种原因，后退按钮仍显示在主页和其他页面上。它也可能是 Bootstrap 3 中的一种冲突风格，但只是想我会在这里询问是否有人有任何想法。总的来说，我对 Angular JS 和 JS 非常陌生，但昨天有人帮助了我，但我们仍然无法让它不显示在我们在这里定义的主页上：

感谢您的任何建议！我确实遇到了一些事情，说如果 Bootstrap 3 有一些样式显示：块它可能与 ng-hide 冲突，但我在代码中找不到任何东西，除了

在 Chrome 开发工具中显示为用户代理样式表

谢谢，

特雷弗