问题标签 [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 投票
2 回答
895 浏览

javascript - Angular ng-show 不连续检查条件?

我有一个 ng-repeat 指令,我在其中显示所有对象(想法)。如果一个想法描述(字符串)比 x 长,我只想显示前 x 个字符和一个“全部显示”链接。用户可以点击此链接,将显示整个文本。但是一次只能显示一个想法及其整个文本。

我现在有这个:

这是我的控制器的一部分:

所以当我点击显示所有链接时,ideaID 将被保存到变量 openLongIdea 中。而且由于我的 ng-show 条件,我希望仅在idea-ID 与 openLongIdea-ID 匹配时显示整个描述。但我仍然一次看到不止一个想法,它们的描述很长。

第一次展示这些想法时,我的逻辑是有效的。当我单击显示所有链接时,将显示较长的文本。但是当我点击另一个想法的查看全部链接时,它也会整体显示在旧想法旁边,尽管我用新的想法ID覆盖了openLongIdea中的值。

这里有什么问题?

0 投票
1 回答
417 浏览

javascript - 如何在没有 ng-switch 的角度 ng-show 中处理 if-else 情况

我有几个 div 属性,一次只会显示其中一个。我现在有这样的东西:

由于 ng-switch 需要一个“on”属性并且我必须在这里调用许多不同的函数来评估我的 ng-shows,我不知道有什么更好的方法。但这绝对不能提供最佳性能。因为一旦第一个 ng-show 被评估为 TRUE,我就不想评估其他人

你有什么建议吗?

0 投票
2 回答
988 浏览

javascript - ng-show 和 ng-hide 之间的角度切换

它的作用是接受“Github 用户名”的输入并使用它来显示其他值。它访问 API 并在名为“用户”的变量中捕获响应。我想要的是,当我输入一个不存在的用户名时,它应该显示“表格”、“错误”和 UI 的其他一些部分。当我输入有效的用户名时,它应该再次隐藏这些部分。

基本上,我希望能够在 ng-show 和 ng-hide 之间切换。我知道解决方案将非常简单,但我的大脑已经关闭,我花了最后 3 个小时尝试不同的排列,但都失败了。

继续解决..以免我会对此做噩梦,从字面上看。这段代码已经困扰着我了。

干杯!

和脚本

0 投票
3 回答
1154 浏览

javascript - 如何使用 Angular 或 javascript 根据真/假返回在 html 中显示值?

注意:下面的代码只是逻辑,所以没有定义参数。尽管它们在我所在的同一个 javascript 文件中被定义并被积极使用。

我是 javascript/angularjs 的新手(我什至不知道这是什么代码),到目前为止,由于语法和其他所有事情,它真的让我很困惑。我在调用 dateTimeService.js 文件中有一个 main 函数,该函数返回另一个函数,该函数使用下面的逻辑根据商店是打开还是关闭返回真/假值。

如何根据这些函数之一返回的真/假值显示诸如“打开”或“关闭”之类的值?html是如何显示的?我是否要创建另一个函数来执行此操作?任何帮助表示赞赏..提前致谢!

0 投票
0 回答
42 浏览

angularjs - ng-show 不适用于 routescope 变量

有人可以解释这种奇怪的 angularjs 行为代码 HTML

OPTPUT 包含:

提前致谢

0 投票
2 回答
335 浏览

javascript - Angular ng-show 如何使可见

处理一个简单的联系表单,如果 $scope 未定义,我需要在其中显示错误消息。

验证部分有效,但是我不记得如何在 html 端的 ng-show 下启用消息视图。

HTML:

JS:

0 投票
3 回答
3000 浏览

angularjs - AngularJS:如何根据变量的嵌套数组仅显示 json 文件中具有特定值的项目

请注意:这是我的第一个 Angular 应用程序,所以如果我提出错误或愚蠢的问题,我深表歉意。

我正在使用 ng-repeat 列出 json 文件中存在的数据项。我希望能够仅列出 SPA 的不同部分所需的数据(ng-show)。该网站是家庭食谱的个人网站。单击按钮后,我希望能够仅列出甜点食品等。我已经有了这个工作,但我正在使用具有重复数据的多个 json 文件来完成此操作(脏数据?)。目标是整个站点只有一个 json 文件。

以下是数据集中一个变量或“菜”的示例:

我正在尝试根据值的嵌套数组显示数据:“type”

部分 HTML 调用 json 文件中的每个变量:

(这是我一直未能使用 ng-show 仅显示嵌套类型数组中具有甜点 / 等的变量或“菜肴”的地方)

Ex Controller 用于部分:

非常感谢您提供任何时间和帮助。如果我缺少任何必要的信息,请告诉我。

该应用程序的工作版本(使用多个 json 文件)位于: http ://clarkecookbook.com/#/all

我总是可以继续使用多个 json 文件,但我想知道如何正确地做到这一点。

0 投票
1 回答
70 浏览

angularjs-directive - Angular 1.4.8 内部 ng-show 在自定义指令根元素中使用时会导致错误

当我为自定义指令放置一个嵌套的 ng-show 属性时出现错误,一个属性位于指令的标记中,第二个属性位于指令模板的根元素中。

我的真实场景很复杂,所以我将其简化为这个例子:

假设我的 my-custom-directive 下面已​​经包含 ng-show:

然后 'my-custom-directive' 的模板如下所示:

那些多个 ng-show 一起导致错误。

如果我删除其中一个或将内部 ng-show 移动到其 dom 树的至少一层,则错误消失(当它的位置位于根模板元素上时会发生这种情况)。

此错误在 angular v1.4.8 上测试。

这是角虫吗?或者对这种行为有合理的解释?

这是 Plunker 示例: http ://embed.plnkr.co/ZTZVcfc5bfmjPo9t0Isw

先感谢您,

梅纳赫姆

0 投票
3 回答
1387 浏览

angularjs - 仅将表数据添加到 ng-repeat 上的一行

在带有 ng-repeat 的表格中,是否可以仅将一个单元格添加到一行?

在我的代码中:

在这段代码中,我希望最后一个td只出现在选定的行上并且不影响其他行,这可能吗?或者它是 JS 或 CSS 的东西?

0 投票
3 回答
738 浏览

javascript - 我如何将 ng-model 中的值用于 ng-show?

我是角度方面的新手,很难弄清楚如何以正确的方式使用来自 ng-model 的值。
我制作了两个下拉列表,并希望在这两者之间建立依赖关系。应显示第二个列表,这取决于第一个列表的用户输入。在这种情况下,用户应选择啤酒的发酵类型(此处 Obergärig 表示顶部发酵),并且仅当用户选择“Obergärig”时才应显示第二个下拉菜单。我用 ng-show 尝试过,但它不起作用,我不知道为什么或者即使我以正确的方式使用它。如果有人能给我一个简短的解释我做错了什么,我将非常感激。

第一个下拉列表的 Html:

第二个下拉列表的 Html:

这是.js:

这是我在这里的第一篇文章,所以我很感谢每一个提高这篇文章质量的建议。另外,请原谅我的英语不好。