问题标签 [angularjs-ng-show]

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 投票
1 回答
81 浏览

javascript - ng-show 挂起我的整个应用程序

我遇到了一个奇怪的问题,当我试图将 ng-show 放入我的 popover.html 时,我的应用程序挂起。当我评论它时,我的应用程序运行良好。我真的没有明白我的代码中出了什么问题。

这是我的 popover.html :-

这是我在控制器中的功能:-

如果我评论这一行

,我的应用程序运行良好。

任何帮助将不胜感激

谢谢。

0 投票
1 回答
2347 浏览

angularjs - 使用 ng-repeat 和 ng-show 以及 ng-hide 和 ng-click 根据索引隐藏和显示图像

我有 2 列,第一列是 Unselected images 和旁边的名为Select picture的按钮,第二列是选定的图像和名为Remove picture的按钮。如果我单击左栏中的一张图像的选择图片按钮,它应该移动到右侧栏中,并且应该在左侧栏中消失。
反之亦然删除图片。如果我单击右侧的删除图片,它应该会在右侧消失并出现在左侧。我应该能够选择并删除多张图片。我用过角度js。谁能帮我
Plunker在这里https://plnkr.co/edit/rtJP91MtYISyVZkdFWr8?p=preview

0 投票
3 回答
134 浏览

javascript - Angular - 我可以在嵌套 ng-repeat 中的多个对象上使用单个函数来触发该对象的 ng-show 吗?

总结
我有一个品牌列表和一个产品列表。我正在使用 ng-repeat 来显示品牌列表,并使用带有过滤器的 ng-repeat 来显示各自品牌内的产品列表。我希望每个品牌和每个产品都有一个按钮,可以显示更多关于该品牌/产品的信息。所有这些按钮都应该在控制器上使用相同的功能。

问题
显示更多关于品牌的按钮也显示更多关于该品牌的每个产品,除非(这对我来说很奇怪)我首先单击该品牌中产品的按钮,在这种情况下它将正常工作。

CODE
请在此处查看 Plunker,请注意,当您单击品牌上的“显示类型”时,它还会显示该品牌内的所有产品类型: http ://plnkr.co/edit/gFnq3O3f0YYmBAB6dcwe?p=preview

HTML

JAVASCRIPT

重要说明:我意识到我可以向对象(brand.show)添加一个属性并将对象传递给函数,然后将该属性更改为真/假,但我不想这样做,因为在我的实际应用程序中,该按钮将显示一个编辑品牌/产品并将信息提交给 Firebase 的表单,我不希望该对象具有“显示”属性。每次我想在 Firebase 中编辑信息时,我都不想删除“显示”属性。

0 投票
1 回答
507 浏览

javascript - 当滚动条可见或不可见时更新 ng-show

我的目标比较简单。我希望能够在<ul>列表上有一个滚动条时显示一个按钮。

为此,我添加了以下 JQuery 插件来检查我的列表中是否有滚动条:

这段代码运行良好,所以我在我的控制器的方法中调用了这个hasScrollBar()函数:

ng-show只有当我的列表上有滚动条时,我才会使用该指令显示我的按钮:

当我加载页面时,如果我的列表上有滚动条,按钮是否显示,但如果我调整窗口大小并且出现滚动条,按钮的显示不会改变,这意味着我的hasGoTabButtonToBeDisplayed()方法没有被调用。我理解为什么不调用这个方法,因为 Angular 无法检测到这个方法的变化,但我不知道该怎么做。

也许我有一个错误的逻辑来解决这样的问题?

0 投票
2 回答
3749 浏览

angularjs - ng-show 中 $index 的可访问性

当检查上一个选择时,我尝试显示一个选择。

  1. <div ng-repeat="item in collection">

我遍历集合并创建了许多选择,这些选择中有集合中的项目。

  1. <div ng-show="$index === 0 || $parent.list[$index].nom">

我想用两个条件显示/隐藏选择的父 div:

  1. 如果索引等于 0,我会显示 div(用于显示优先选择)
  2. 如果当前 ngModel 包含 nom,我会显示 div
  1. <select ng-model="$parent.list[$index].nom" ng-options="...">

我放置了一个动态 ngModel ,其中每个选择都有自己的模型,例如:

ngModel 的例子
(来源:noelshack.com

测试示例:我在一个选择中有三个选项,所以我想让成员有机会选择选择的每个选项。

如果成员选择选择 1 的选项,则第二个选择显示,如果他选择第二个选项,则选择第三个选择显示,但没有更多...

这里的问题:指令 ngShow 中的 $index 似乎在这种情况下是已知的:

但这里没有:

0 投票
2 回答
52 浏览

angularjs - 当控制器AngularJS中的按钮时,Div不会隐藏

我是 AngularJS 的新手,我试图在单击按钮时隐藏 div。我正在做的工作正常,直到我将按钮放在我试图隐藏的 div 中(按钮使用不同的控制器)。当从控制器中取出时,该按钮按预期工作,所以我认为这是范围的问题。任何帮助,将不胜感激。

0 投票
5 回答
399 浏览

javascript - 使用 Angular ng-show 显示 div

我遇到了一些问题ng-show$pristine

这是代码(也在 CodePen 上):

当表单上的每个字段都已填满时,我想显示包含我的重复项的 div,但我希望在有些字段仍然为空时隐藏它。

我试着用

所以当每个字段都被填满时,块引用会变得可见,但它不起作用。

0 投票
1 回答
1682 浏览

angularjs - md-not-found 应仅在 md-autocomplete 中的 3 个字符后显示

我正在使用 Angular Material md-autocomplete,因为如果没有建议,我正在使用 md-not-found 来显示消息。

我的要求:如果 searchText 的长度小于 3 个字符,如何隐藏 md-not-found。

我尝试了以下代码,但我无法修复。请帮助我。

0 投票
1 回答
33 浏览

javascript - 如果过滤器中返回空值,如何显示“未找到书籍”行?

我正在尝试显示“未找到书籍!” 如果角度过滤器在 AngularJs 中没有返回结果,则为行。

但我无法以某种方式使其工作。这是我的html代码:

我错过了什么吗?提前致谢!

0 投票
0 回答
40 浏览

angularjs - AngularJS 在更改视图时表现得很奇怪 - AngularJS 和视图

更改为不同的视图时,我的应用程序表现得很奇怪。

上一个视图中存在的 css、javascript 代码和 html 部分保留在下一个视图中,使一切变得一团糟。

主要问题在于:ng-showng-ifng-hide。他们没有正确评估。但如果刷新页面,一切都会恢复正常。

是因为加载太快而发生的吗?为什么会这样?如何管理这个问题?

谢谢