问题标签 [angularjs-ng-show]

我认为这将是一件很常见的事情，但我找不到如何在 AngularJS 中处理它。假设我有一个事件列表并想用 AngularJS 输出它们，那么这很容易：

但是当列表为空时，我该如何处理呢？我想在列表所在的位置放置一个消息框，其中包含“无事件”或类似内容。唯一会接近的是ng-switchwith events.length（当一个对象而不是数组时，我如何检查是否为空？），但这真的是我唯一的选择吗？

我在ng-repeat块中使用ng-show指令时遇到问题。

布尔值似乎没有正确传递给 ng-show ......

为了说明我的意思，这是我在 JSFiddle 中制作的示例的屏幕截图：

这是一些示例标记：

这是一个示例控制器：

关于我可能做错了什么的任何想法？

我试图理解ng-ifand ng-show/之间的区别ng-hide，但它们在我看来是一样的。

我应该牢记选择使用其中一种吗？

我尝试使用 ng-if，但 angular 没有编译他。查看测试代码：

和功能测试：

如果运行此页面，我们可以在“Li”中看到“ddd”，尽管测试返回 false。

下一步，我替换为 "ng-if" "ng-show" ：

它的工作，“ddd”隐藏。为什么 ng-if 不能在工作 ng-show 的地方工作？

我有一个won在我的控制器中调用的变量，它可以打开和关闭，但 ng-show 不是动态隐藏/显示元素。为什么？它似乎在我最初设置时有效，won = false/true但在应用程序运行时无效。

我是 Angular 初学者，我无法弄清楚为什么以下代码不起作用。

我想要做的是，根据 http api 请求显示一条消息。

http success我每次都进入该部分，然后设置ng-show属性，并且由于它是数据绑定，我认为它应该显示消息，但事实并非如此。

我有这个控制器

因此，即使我的请求成功并且遇到success问题（我从 chrome 开发工具中检查过），我的消息也没有显示。我错过了什么？

当我使用作用域变量时，让 ng-show 工作没有问题：

（摘自html文件：）

使用以下控制器代码，它工作正常：

就像我说的，这行得通。当我查看 phone.battery.type 未定义或空白的页面时，ng-show 正确隐藏了 div。当我查看 phone.battery.type 是非空字符串的页面时，ng-show 正确显示了 div。都好。

这是我的问题：当我直接在 ng-show 表达式中使用 !isEmpty(...) 调用，而不是使用 $scope.hasBattery 作为中介时，它不起作用。

这是我的那个版本的代码：

控制器，移除了 hasBattery：

当我加载一个 phone.battery.type 是非空字符串的页面时，我希望 ng-show 显示它，它无法显示 div。我看到 isEmpty 确实在数据加载后被调用，并且正确返回 false（因此 ng-show 的表达式 !isEmpty(...) 为 true）。但似乎 Angular 并没有对这个表达式的值做任何事情！

.

知道发生了什么吗？我认为这是一个 $scope.$apply 问题，就像我在 SO 的其他地方看到的那样，但似乎确实正在使用最新数据评估表达式。

当无限滚动加载更多列表项时，我试图显示一个加载块，并且第一次可以，但以下内容不起作用。当“$scope.isLoading = true;” 该块不可见。

HTML

JAVASCRIPT

这是解决问题的方法。

http://jsfiddle.net/mh6roxsk/

我尝试了不同的方法来做到这一点，但总是相同的结果。

提前致谢！！

正如@rohan 回答的那样，问题通过 $timeout 得到解决，我想要的行为是这样的：

http://jsfiddle.net/hasukronos/mh6roxsk/1/

但是我忘了提到真正的问题发生在与本机 setTimeout 有相同问题的 WebSQL api 回调上。

希望有人可以帮助我解决这个问题。

我有一个包含开始时间（比如 15 点）和结束时间（比如 16 点）的实体。它还包含日期（比如说今天^^）。

所以我的查询返回今天的所有数据，但我只想显示 15 点到 16 点之间的数据。

我需要为每个对象设置一个 $timeout 吗？或者是否可以自动调用一个名为shouldShowDatawhich used in的方法ng-show？

基本上我有一个对象列表，并且想在一天中的特定时间显示单个对象。

编辑 假设屏幕显示在公共场所，并在不同时间显示不同的新闻（早间新闻、晚间新闻……），并且应该根据其开始和结束时间自动更新何时显示特定新闻。例如，它不能使用刷新按钮手动更新。

很高兴从你这里:)

我试图确定为什么调用我的$scope.reset()方法不能像我希望的那样工作。我想要完成的是：单击重置按钮后，values对象将重新初始化，并且其theState字段设置为'one'. 这应该会导致显示 divid='one'并隐藏它的 2 个兄弟。

单击重置时实际发生的情况是所有三个div元素都被隐藏，直到我单击标记为一、二、三的按钮之一。我假设失败的原因ng-show是绑定到的实际对象正在发生变化$scope.reset()- 但我不知道如何让视图按照我的意愿做出反应。

HTML：

AngularJS：