问题标签 [angularjs-ng-if]

我正在使用 ngRepeat 和 ngIf 来过滤/排序（？）一些数据。我最初考虑为此使用 ngSwitch 而不是 ngIf，但找不到一个很好的例子。在摸索了稍微复杂一点的 ngSwitch 之后，我决定尝试一下 ngIf。只花了大约 5 分钟就弄清楚了如何用 ngIf 实现我想要的，所以这是一个很大的优势！但是，我需要使用 ngRepeat 和 ngIf 两次来实现我想要的输出。如果可能的话，我想把它降低到一个 ngRepeat，因为我认为这是更昂贵的指令。

主要的html如下：

输出如下所示：

您可以看到我为places变量的每个元素使用了一个布尔属性。如果需要，我可以提供更多代码。

有没有办法在不使用两个ng-repeat指令的情况下获得所需的输出？ngSwitch 会比 ngIf 更好吗？

编辑：

控制器代码：

如何测试 ng-if 中的地图中是否存在值？

ng-if='mytype in textInputTypes'

这给了我一个错误：

语法错误：标记“in”是表达式 [mytypeNaNn textInputTypes] 的第 17 列中的意外标记，从 [in textInputTypes] 开始。

我不明白 ng-if 是如何工作的：

我希望列表中的按钮只有在验证条件时才可见。在下面的示例中，仅当列表元素具有 title == 'Title2' 时，按钮才应该可见

但是正如您从 这里的代码中看到的那样，所有数组元素都出现了

这应该是一个简单的问题，但我不明白发生了什么。基本上，我使用 ng-if 和 ng-repeat 将对象传递给我的控制器中的函数调用。但是我的函数没有看到传递给它的参数。它说未定义。

为什么控制台打印 'undefine' ？为什么函数会被调用这么多次？我只有一个键，ng-repeat 不应该只循环一次吗？

现在，如果我不是“value.RANGE”而是将一些字符串传递给函数，则该字符串将被正确读取/打印......

我正在尝试在具有“ng-if”的图像上使用“ng-mouseover”指令并且它不起作用但是如果我使用“ng-show”指令它可以工作，每个人都可以告诉我为什么吗？还是 AngularJS 的问题？

在 AngularJS 文档中，我什么也读不到：https ://docs.angularjs.org/api/ng/directive/ngMouseover

吴秀

ng-if

小提琴：http ://plnkr.co/edit/Wb6bjyJdHj5qoH7fxGFJ?p=info

有人可以帮我吗？下面是我的代码和问题解释。

现在，让我解释一下这个问题。我有一组类别。每个类别都作为一组特征。

现在我的问题是，如何根据ng-if条件显示每个类别的这些功能。即，<tr>仅当条件 1 时才应显示feature.id==1，并且仅当条件 2 时才显示feature.id==2。

Q. 如何根据不同的条件包含我的 ng-if 条件？

非常感激你的帮助。

纯 HTML：

我需要使其动态化，并且我正在使用 Angular JS 和 PHP。我已经以角度获取数据$scope.teamSquad并以下列方式实现它：

但是我在添加</div><div class="table-tr museo_sans500">更多值之后遇到问题。

我已经尝试过{{key%4==0 ? '</div><div class="table-tr museo_sans500">' : ''}}，但它不起作用。

我也试过，但结果是一样的。

我有一个提供搜索结果列表的 JSON 提要 - 该列表包含产品和常规页面。在呈现列表时，产品与常规页面的呈现方式不同，这意味着，如果它是产品或页面，则呈现不同的 HTML。我将如何实现这一目标？是否可以执行以下操作：

如果没有，如何在 ng-repeat 中实现不同的渲染？

我正在使用来自英超联赛的数据创建一个表格。我正在尝试ng-if检查主队是否赢了，如果是，请添加一个单元格，上面写着“主队赢了”

HTML

然而，这是添加“主队获胜！” 即使 full_time_result 不是“H”，也可以到每一行。

这是plnkr的链接。

另外，实现此功能的推荐方法是什么？拥有很多ng-if块可能不是解决此问题的最佳方法。

如何使用 ng-if 实现检查 angularJS 中的空日期？

HTML 源代码是

在这里，我希望使用 angularJS ng-if消除日期值等于null或NaN-NaN-0NaN

在上面的源代码中没有执行 IF 条件