问题标签 [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.

0 投票
1 回答
28471 浏览

angularjs - 基于值应用 ng-class

我有一个简单ng-repeat的显示分数列表和正值或负值的值。

我要做的是当值为负时,显示红色背景 CSS 类,当值为正时,显示绿色 CSS 类。但是,出于某种原因,我总是在我的页面上看到红色的CSS 类。

HTML:

CSS:

0 投票
2 回答
8498 浏览

javascript - Angular 指令 ng-if 不评估条件语句

我是网络开发和 AngularJS 的新手。如果从数据库返回的列表大于 1,我正在尝试使用指令 ng-if 仅显示 div 块,但它不起作用。我在滥用指令吗?我环顾四周,没有找到任何可行的解决方案。目前,两个 div 都被显示并且 ng-ifs 被忽略。

我尝试了这段代码,它在 Plunker 中有效,但由于某种原因不在我的代码中。在我的代码中,只有 ng-app 有效,但 ng-if 仍然无效。

0 投票
2 回答
1192 浏览

angularjs - 使用 trackby 和 ng-if 进行 ng-repeat

我有一个表,它有一个ng-if取决于<tr>某个值的值。

我的代码如下所示:

这给了我一个错误,尽管row.obj1存在并且row.obj2不存在,反之亦然。

row.obj1 在 someConditional 为真时存在,而 row.obj2 在 !someConditional 为真时存在。

当 someConditional 为 true 时,angularjs 会抛出 row.obj2 不存在(即未定义)的错误。

这是一个已知的错误?有什么解决方法吗?

0 投票
2 回答
2688 浏览

angularjs - Angular:带有字典的 ng-if

AngularJS 的新手我遇到了以下问题:

如果字典为空,如何评估ng-if

使用数组ng-if="myArray.length"效果很好,但不适用于字典。

编辑:也已经尝试过Object.keys(myDict).length哪个不起作用。

0 投票
1 回答
109 浏览

javascript - AngularJS 中 ng-show 的问题

我在 AngularJS 中遇到 ng-show 或 ng-if 的问题,因为我有,例如,这段代码:

在控制器中我有正确的方法:

现在,当我打开页面时,有一秒钟我看到了 DIV,然后它被隐藏了,我的问题是:有没有办法让 div 一直隐藏?然后你可以按下一个按钮并显示它,但这不是问题。

0 投票
1 回答
1280 浏览

angularjs - 没有 ng-if 的 Angularjs 指令条件渲染

我有一个指令,只有当我的身份验证服务告诉我时我才会呈现:

指令本身很空:

因为我的指令应该总是在我登录时呈现,所以 ngIf 逻辑应该在指令声明中,而不是在 ng-if 中(没有 ngIf 的指令将完全被破坏)。

知道我想要与ngIf? :

  • nfIf仅当解析为时才会出现在 DOM 中的指令true
  • nfIf解析为)时自动调用 $destroy false

我尝试使用compile功能和观察者观看security.isAuthenticated()但没有成功

0 投票
8 回答
159087 浏览

angularjs - ng-if,不等于?

我有一个简单的 ng-reapt 显示值列表。在一些输出中,我有几个 ng-if 来显示/隐藏 DIV。

HTML:

我的应用程序在尝试显示该!=部分时显示错误。

0 投票
2 回答
3294 浏览

javascript - 使用 AngularJS 在 HTML 中设置值

我正在使用 Angular JS。我循环出从一开始就是 JSON 数组的范围的一部分。

我需要检查该数组中的值是否存在。如果确实如此,它应该做点什么。以下代码有效,但我无法找到临时保存“状态”的方法。

也许我的方法是错误的。也许这不应该进入模板?我喜欢不同的解决方案可供选择,并提出建议。

0 投票
1 回答
1926 浏览

javascript - 角度 ng-if 数值布尔值

我在让 Angular ng-if 工作时遇到了一些麻烦。我希望我的 DOM 元素之一在 $scope.week = 1 时消失。

在我的控制器中,我设置了

在我的标记中,我有

有谁知道如何获得布尔条件以在 ng-if 中进行评估?谢谢!

0 投票
2 回答
272 浏览

javascript - 如果解析的值不是 nil,Angular 只会放置 ng-minlength 的属性

我只想设置我ng-minlength解析的值data.Validation['minlength']不为零时的属性。

首先我尝试使用ng-switch; 处理时我没有问题ng-show=true/false。但是,当它不仅是值而且还超出ng-minlength="...". 第二次尝试正在使用ng-if,但我再次无法让它在输入的“中间”工作。

下面是一些有效的代码 - 我希望ng-minlength="data.Validation['minlength']"仅在值不为零时才设置整体。