问题标签 [angular-ng-if]

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.

0 投票
2 回答
30215 浏览

angularjs - ng-if 在 ng-repeat 中有多个条件没有按预期工作

除非我弄错了,否则我在某些应该可以工作的东西上遇到了麻烦。

我有一个键:值对象设置如下:

在我看来,我有这个:

问题:如果我只使用key != 'key1'works,则不显示key1的键和值。

如果我也只使用value != null作品,则不会显示 key4。

但是当我将 if 语句与 || 结合使用时 (OR),整个 if 语句被忽略。

我在这里做错了吗?

我在这里发布了一个示例:http: //jsfiddle.net/caxoyud2/

提前谢谢!

0 投票
1 回答
1636 浏览

angularjs - angularjs:范围值不会在视图中更新

detail.html 文件中有按钮:

detail.js 文件

在 formDetail.html 代码中:

最初它显示falsedetailsClicked,当我单击按钮时,它转到 showDetails 函数,但值$scope.detailsClicked永远不会更新!直截了当不确定为什么它不起作用:(

0 投票
1 回答
246 浏览

angularjs - 内容是否由 ng-repeat 生成并在被删除之前由 ng-if 隐藏?

我是 Angular 的新手,正在实现一些需要大型 ng-repeat 循环的东西。然而,在循环中的所有事情中,我只展示了一件。我使用 ng-if 显示它(ng-if over ng-show 以便从 DOM 中删除所有其他元素)。我的问题是:如果我在 ng-if 语句不评估为 true 的元素中有大量数据,例如某些图像或非常大的表格,那么这些数据是否仍然由使用 ng- 访问页面的用户下载重复和 ng-if 语句?即如果我让我的 ng-repeat 重复 10 次,并且每次生成一个包含 100,000 行表的 div,即使只有一个通过使用 ng-if 显示的表,所有其他表都被评估并因此下载用户?这符合带宽的利益。

我希望这是有道理的。出于说明目的,这是一个示例

0 投票
1 回答
132 浏览

javascript - 是否可以使用相同的变量使 ng-if 表现得像 ng-show/ng-hide?

我有一个基本问题,通过查看 Angular 文档或 Google 无法找到答案,所以我假设这是不可能的,但我想确定。

基本上我想要的是使用一个变量,例如$scope.loggedIn,像这样:

所以当这是真的时,我希望一个div显示,另一个隐藏。我知道在使用时这是可能的ng-showng-hide但这并没有将它们从我自己的场景中想要的 DOM 中删除。

实现这一目标的一种方法当然是使用两个单独的变量,但有更好的方法吗?

0 投票
1 回答
5376 浏览

angularjs - 使用 ng-if 和 ng-include 重新创建范围

我有一个ng-include内部ng-repeat

如果用户单击选项卡,我只希望将内容加载到 DOM 中,所以我在ng-if周围使用ng-include

这部分工作正常。但是,我有一个需要动态内容的选项卡,因此每次用户单击选项卡时,我都需要重新创建该控制器的范围。

根据我的理解,我还可以ng-if用来删除/重新创建 DOM 元素。根据ng-if 文档

ngIf 指令根据 {expression} 删除或重新创建 DOM 树的一部分

...

当使用 ngIf 删除一个元素时,它的作用域被破坏并在元素恢复时创建一个新作用域

我添加了loaded将动态选项卡的属性设置为 false 的代码,这应该从 DOM 中删除它的内容。

然后我将其设置回 true,以便重新创建范围,但我无法再次创建范围。

我的方法是否正确,或者除此之外还有什么ng-if可以用于我的目的。

0 投票
3 回答
1195 浏览

angularjs - ng-show 和 ng-if 滞后于隐藏内容

我有以下内容可以根据 searchQuery 是否为空来显示和隐藏清除按钮。当用户开始在输入框中输入时,按钮会立即显示。

但是,当用户单击清除按钮或删除所有输入时,在清除按钮被删除之前会有明显的延迟。我也尝试过 ng-show,并收到了相同的结果。任何想法为什么会存在这种滞后?

HTML

控制器

0 投票
2 回答
1481 浏览

javascript - 如何在AngularJS中显示带有用户身份验证的按钮?

目前我正在做我的主项目。我的应用程序是在线投资组合管理。用户可以在应用程序上注册并创建个人资料。现在我想在配置文件视图上提供编辑和删除按钮。但只有创建配置文件的用户才能看到此按钮。例如,如果我是应用程序的用户,那么只有我可以看到我的个人资料上的编辑和删除按钮,而我只能看到其他用户的个人资料。

我是 AngularJS 的新手。它看起来很容易,但仍然不适合我。我对查看个人资料和编辑个人资料有不同的看法。但我只有一个控制器用于这两个。

这就是我的视图配置文件代码的样子,

HTML

控制器

请给我一些建议,我该如何解决这个问题?任何帮助将不胜感激。

0 投票
1 回答
35 浏览

angularjs - 模板获取模态数据之前的 DOM 操作

当我的模式没有任何记录要显示时,我想在页面上显示一条错误消息。这可能是在初始加载时,也可能是在页面上应用了一些过滤条件之后。

我在应用过滤器后使用 ng-if 检查结果集的记录数,这就是为什么当我的页面最初加载时,因为过滤后的结果中没有数据,它首先显示错误消息,然后后来它显示数据。

任何见解将不胜感激

prod.skulist 是我的模态。

0 投票
1 回答
378 浏览

angularjs - 阻止 ng-include 加载,直到 ng-if ="bool" bool 设置为真;

我的目标:我想阻止轮播下载图像,直到点击轮播按钮

带有 ng-if 图像的版本未在轮播中加载。

____________ ____________ ____________ ____________

使用 ng-show加载所有内容并在 ng-show="false" 时将它们隐藏。

(在萤火虫网标签看到它)

__________________________________

当我在父级中使用 ng-show 时,carousel.html有效。

0 投票
2 回答
3449 浏览

javascript - 可以在使用它的块内修改 ng-if 变量吗?

我觉得这个问题很奇怪。

基本上我希望根据条件在页面上存在一个块ng-if。但是当我尝试ng-if在所述块内修改它时,它对任何其他元素都没有任何影响。

为什么会这样?

JSFiddle 在这里,代码如下: