问题标签 [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.
angularjs - ng-if 在 ng-repeat 中有多个条件没有按预期工作
除非我弄错了,否则我在某些应该可以工作的东西上遇到了麻烦。
我有一个键:值对象设置如下:
在我看来,我有这个:
问题:如果我只使用key != 'key1'
works,则不显示key1的键和值。
如果我也只使用value != null
作品,则不会显示 key4。
但是当我将 if 语句与 || 结合使用时 (OR),整个 if 语句被忽略。
我在这里做错了吗?
我在这里发布了一个示例:http: //jsfiddle.net/caxoyud2/
提前谢谢!
angularjs - angularjs:范围值不会在视图中更新
detail.html 文件中有按钮:
detail.js 文件
在 formDetail.html 代码中:
最初它显示false
detailsClicked,当我单击按钮时,它转到 showDetails 函数,但值$scope.detailsClicked
永远不会更新!直截了当不确定为什么它不起作用:(
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 显示的表,所有其他表都被评估并因此下载用户?这符合带宽的利益。
我希望这是有道理的。出于说明目的,这是一个示例
javascript - 是否可以使用相同的变量使 ng-if 表现得像 ng-show/ng-hide?
我有一个基本问题,通过查看 Angular 文档或 Google 无法找到答案,所以我假设这是不可能的,但我想确定。
基本上我想要的是使用一个变量,例如$scope.loggedIn
,像这样:
所以当这是真的时,我希望一个div
显示,另一个隐藏。我知道在使用时这是可能的ng-show
,ng-hide
但这并没有将它们从我自己的场景中想要的 DOM 中删除。
实现这一目标的一种方法当然是使用两个单独的变量,但有更好的方法吗?
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
可以用于我的目的。
angularjs - ng-show 和 ng-if 滞后于隐藏内容
我有以下内容可以根据 searchQuery 是否为空来显示和隐藏清除按钮。当用户开始在输入框中输入时,按钮会立即显示。
但是,当用户单击清除按钮或删除所有输入时,在清除按钮被删除之前会有明显的延迟。我也尝试过 ng-show,并收到了相同的结果。任何想法为什么会存在这种滞后?
HTML
控制器
javascript - 如何在AngularJS中显示带有用户身份验证的按钮?
目前我正在做我的主项目。我的应用程序是在线投资组合管理。用户可以在应用程序上注册并创建个人资料。现在我想在配置文件视图上提供编辑和删除按钮。但只有创建配置文件的用户才能看到此按钮。例如,如果我是应用程序的用户,那么只有我可以看到我的个人资料上的编辑和删除按钮,而我只能看到其他用户的个人资料。
我是 AngularJS 的新手。它看起来很容易,但仍然不适合我。我对查看个人资料和编辑个人资料有不同的看法。但我只有一个控制器用于这两个。
这就是我的视图配置文件代码的样子,
HTML
控制器
请给我一些建议,我该如何解决这个问题?任何帮助将不胜感激。
angularjs - 模板获取模态数据之前的 DOM 操作
当我的模式没有任何记录要显示时,我想在页面上显示一条错误消息。这可能是在初始加载时,也可能是在页面上应用了一些过滤条件之后。
我在应用过滤器后使用 ng-if 检查结果集的记录数,这就是为什么当我的页面最初加载时,因为过滤后的结果中没有数据,它首先显示错误消息,然后后来它显示数据。
任何见解将不胜感激
prod.skulist 是我的模态。
angularjs - 阻止 ng-include 加载,直到 ng-if ="bool" bool 设置为真;
我的目标:我想阻止轮播下载图像,直到点击轮播按钮
带有 ng-if 图像的版本未在轮播中加载。
____________ ____________ ____________ ____________
使用 ng-show加载所有内容并在 ng-show="false" 时将它们隐藏。
(在萤火虫网标签看到它)
__________________________________
当我在父级中使用 ng-show 时,carousel.html有效。
javascript - 可以在使用它的块内修改 ng-if 变量吗?
我觉得这个问题很奇怪。
基本上我希望根据条件在页面上存在一个块ng-if
。但是当我尝试ng-if
在所述块内修改它时,它对任何其他元素都没有任何影响。
为什么会这样?
JSFiddle 在这里,代码如下: