问题标签 [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.
javascript - ng-show 挂起我的整个应用程序
我遇到了一个奇怪的问题,当我试图将 ng-show 放入我的 popover.html 时,我的应用程序挂起。当我评论它时,我的应用程序运行良好。我真的没有明白我的代码中出了什么问题。
这是我的 popover.html :-
这是我在控制器中的功能:-
如果我评论这一行
,我的应用程序运行良好。
任何帮助将不胜感激
谢谢。
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
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 中编辑信息时,我都不想删除“显示”属性。
javascript - 当滚动条可见或不可见时更新 ng-show
我的目标比较简单。我希望能够在<ul>
列表上有一个滚动条时显示一个按钮。
为此,我添加了以下 JQuery 插件来检查我的列表中是否有滚动条:
这段代码运行良好,所以我在我的控制器的方法中调用了这个hasScrollBar()
函数:
ng-show
只有当我的列表上有滚动条时,我才会使用该指令显示我的按钮:
当我加载页面时,如果我的列表上有滚动条,按钮是否显示,但如果我调整窗口大小并且出现滚动条,按钮的显示不会改变,这意味着我的hasGoTabButtonToBeDisplayed()
方法没有被调用。我理解为什么不调用这个方法,因为 Angular 无法检测到这个方法的变化,但我不知道该怎么做。
也许我有一个错误的逻辑来解决这样的问题?
angularjs - ng-show 中 $index 的可访问性
当检查上一个选择时,我尝试显示一个选择。
<div ng-repeat="item in collection">
我遍历集合并创建了许多选择,这些选择中有集合中的项目。
<div ng-show="$index === 0 || $parent.list[$index].nom">
我想用两个条件显示/隐藏选择的父 div:
- 如果索引等于 0,我会显示 div(用于显示优先选择)
- 如果当前 ngModel 包含 nom,我会显示 div
<select ng-model="$parent.list[$index].nom" ng-options="...">
我放置了一个动态 ngModel ,其中每个选择都有自己的模型,例如:
(来源:noelshack.com)
测试示例:我在一个选择中有三个选项,所以我想让成员有机会选择选择的每个选项。
如果成员选择选择 1 的选项,则第二个选择显示,如果他选择第二个选项,则选择第三个选择显示,但没有更多...
这里的问题:指令 ngShow 中的 $index 似乎在这种情况下是已知的:
但这里没有:
angularjs - 当控制器AngularJS中的按钮时,Div不会隐藏
我是 AngularJS 的新手,我试图在单击按钮时隐藏 div。我正在做的工作正常,直到我将按钮放在我试图隐藏的 div 中(按钮使用不同的控制器)。当从控制器中取出时,该按钮按预期工作,所以我认为这是范围的问题。任何帮助,将不胜感激。
javascript - 使用 Angular ng-show 显示 div
我遇到了一些问题ng-show
和$pristine
。
这是代码(也在 CodePen 上):
当表单上的每个字段都已填满时,我想显示包含我的重复项的 div,但我希望在有些字段仍然为空时隐藏它。
我试着用
所以当每个字段都被填满时,块引用会变得可见,但它不起作用。
angularjs - md-not-found 应仅在 md-autocomplete 中的 3 个字符后显示
我正在使用 Angular Material md-autocomplete,因为如果没有建议,我正在使用 md-not-found 来显示消息。
我的要求:如果 searchText 的长度小于 3 个字符,如何隐藏 md-not-found。
我尝试了以下代码,但我无法修复。请帮助我。
javascript - 如果过滤器中返回空值,如何显示“未找到书籍”行?
我正在尝试显示“未找到书籍!” 如果角度过滤器在 AngularJs 中没有返回结果,则为行。
但我无法以某种方式使其工作。这是我的html代码:
我错过了什么吗?提前致谢!
angularjs - AngularJS 在更改视图时表现得很奇怪 - AngularJS 和视图
更改为不同的视图时,我的应用程序表现得很奇怪。
上一个视图中存在的 css、javascript 代码和 html 部分保留在下一个视图中,使一切变得一团糟。
主要问题在于:ng-show,ng-if,ng-hide。他们没有正确评估。但如果刷新页面,一切都会恢复正常。
是因为加载太快而发生的吗?为什么会这样?如何管理这个问题?
谢谢