问题标签 [ng-hide]

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 回答
82 浏览

javascript - 使用 ng-click 切换内容

我有以下查询,它遍历一个字符串数组wikiContent。一旦我显示了数组中的前三个值(句子),我想添加一个链接,More当你点击它时,它会显示其余的句子。

这是我所拥有的(这是在使用 的AJAX请求中$http):

当我点击 时More,它会做两件事:

  • 它重新加载页面。
  • 它不会切换文本

我能做些什么来解决这两个问题?

这是HTML:

这是toHtml()功能:

0 投票
1 回答
301 浏览

javascript - 显示嵌套视图时隐藏父视图

当我显示嵌套视图 users.info 时,我想隐藏用户列表。我写了这段代码 HTML

控制器

当我单击按钮时它可以工作并隐藏列表,但问题是当我在浏览器中使用后退按钮时,隐藏仍然“真”并且我得到一个空白页

0 投票
2 回答
217 浏览

angularjs - 如何显示已隐藏的 ng-repeat 项目

我有一个看起来像这样的 ng-repeat:

当单击 ng-repeat 元素之一时,我需要将其隐藏,因此,在我的控制器中,我正在这样做:

这一切都很好,但我需要想办法在用户离开这个视图然后从另一个视图返回它之后再次显示所有隐藏的 ng-repeat 项目。

有任何想法吗?

0 投票
1 回答
1342 浏览

angularjs - 如何在 Angular Js 中显示或隐藏 div

我已经实现了两个 div,我在名为 div1 的 div 中使用了一些下拉控件。我想隐藏 div2,直到在下拉列表中选择任何值。我想知道如何在 ng-change 上隐藏或显示 div或者在选择任何值之前,不得显示 div2。代码:-

现在我想要直到,除非我的下拉菜单选择了一个值,否则 div2 将被隐藏。

0 投票
1 回答
708 浏览

angularjs - 使用 ngGrid 表中的刻度按钮隐藏/显示行(AngularJS)

以前可能有人问过,但我检查了问答,找不到我的问题的相关答案。所以我使用了一个 ng-grid 表,它在该表上显示了超过 30K 的数据。我显示的数据来自服务器,它是实时数据。我的表中有多个列。有时,一行中 3,4 个单元格的值为零。所以我想要一个勾选/取消勾选按钮,它将根据我的选择隐藏/显示那些零单元格。我该怎么做?使用 ng-hide?如果是,应该如何调用它?如果您能给我一些想法,我将不胜感激。如果您需要,我可以为您提供我的代码。提前致谢!

js

html

0 投票
3 回答
171 浏览

html - 如何使用 ng-hide 使 div 隐藏而不闪烁

我正在使用 ng-hide 隐藏一个 div。它在dom加载时显示并在一毫秒后隐藏。

如何使div隐藏而不闪烁

0 投票
2 回答
12838 浏览

angularjs - Best way to clear model values when the field is hidden in angular

Below is some code to clear angular model values when the corresponding input to the model is hidden via ng-show, using classnames and jquery, but it has a bad smell bc it manipulates DOM in controller (Edit- it doesn't manipulate the DOM it changes the scope model values, but i am not crazy about using jquery) . Is there an "angular way" to do this?

I should add that the code below is just for a proof of concept to show that a solution is possible. The actual project has very complicated business rules to show sections, sub-section and sub-sections etc that have many logical branches... so it would be difficult to code that logic in the watch as @New Dev suggests... in addition, I would not want to have the logic in two places: both in all the divs that have show and hide AND in a function ...

0 投票
3 回答
490 浏览

javascript - AngularJS ng-show 使整个应用程序崩溃

我正在使用 AngularJS,我遇到的是 ng-show 使我的整个 Web 应用程序崩溃。另一方面,使用 ng-hide 效果很好。这是一个代码片段:

和 HTML:

崩溃来了。当我改变ng-show一切ng-show="project.images.length == 0都恢复正常。这只是美学问题,我不介意使用 ng-hide,但我想知道那里发生了什么。谢谢是提前!

@edit 控制台的输出是

我在这里发布了与代码相关的所有内容:http: //pastebin.com/iqx6YsX3

0 投票
0 回答
217 浏览

jquery - 如何在 ng-bind-html 中正确包含 jQuery?(不会隐藏)

我遇到了这种情况:我需要使用 ng-bind-html 将一段 jQuery 代码加载到span元素中。此元素仅在选择选项卡时显示,因此跨度正在执行ng-show="activetab===2"

因此,我将 jQuery 放在一个名为content的变量中,并使用ng-bind-html="content"如果我​​只是将该变量设置为一些简单的词,例如“Jonny play football”,那很好,但如果我将其更改为一大块 javascript,它只在页面加载时显示,甚至在activetab设置为2之前。

我也会在下面粘贴 Javascript。这是一个名为 Flexpaper 的插件,可以显示 PDF。

0 投票
1 回答
54 浏览

angularjs - 如何仅将父表原始项目启用为可编辑?

单击编辑按钮 ( ng-click="editmode = !editmode") 时,显示整个表格input。是否有任何解决方案可以显示仅显示<input type="text">为可编辑?