问题标签 [angular-ng-if]

我有一段代码需要修复以使其呈现方格板。这是它现在的样子：

http://i.imgur.com/Fh4pyMR.png

如您所见，第二行的第一个单元格应该是蓝色的。有一个转变。这是我当前的代码：

我尝试在 ng-repeat 中使用 ng-if，但它似乎不起作用。由于我是 AngularJS 的初学者，所以我可能错过了一些东西。

我认为我需要的只是添加将反转每行颜色的适当条件：

编辑：

我有一个包含数字的字符串列表的 JSON 文件，例如

在前端，我可以对此值执行条件吗？IE：

尝试这样做而不必编写任何 JS，因为这个 ng-if 将在一个复杂的 ng-repeat 中

我试过了：

我正在尝试向输入动态添加验证，目的是让控制器存储每个输入的验证类型和错误消息。它正在工作，但当表单处于 ng-if 中时不起作用，只有在异步调用返回时才设置为 true。

这是一个不工作的精简示例： http ://plnkr.co/edit/aeZJXqtwVs85nPE1Pn2T?p=preview

如果从包含的 div 中删除 ng-if，验证将开始工作，并且输入将填充异步调用中设置的数据。使用 ng-if，文本不会被填充，验证也不会触发。

删除 ng-if="name" 并开始工作。

有没有人解释为什么会这样？

我已阅读https://groups.google.com/forum/#!searchin/angular/ng-if $20directive/angular/Vjo4HZ2bW1A/vKWf-m6BKMkJ 似乎问题可能相似，但不是我需要的。

谢谢你的帮助

我的问题是 ng-if 的行为不像我假装的那样，我有一个具有 _name 属性的对象数组，我正在制作一个 ng-repeat，在里面我想区分一些以特定方式命名的对象和其他对象。基于我制作我的 ng-if，但是打印了两次行并且它的内容应该是一个或另一个，任何人都可以指出我失败的地方？tks

在 clusterEntity.cluster 中的数组下方；

Angular Js 向我返回此错误链接

我不知道如何应用该解决方案。请帮我。谢谢我的javascript：

从 web api 返回的 Json 数据

我的HTML：

我正在尝试在 angularJS 中模拟一些标准的 js 代码（使用 jQuery），主要用于练习，但我对 angularJS 代码的简单程度感到满意。

但是，我有一个动画问题：

当我将其应用于 ng-repeat-start 时，动画效果很好，并且元素通过从顶部滑入视图来显示：

但是，当我将它应用于 ng-if（在 ng-repeat-end 内）时，该元素根本不会显示自己。如果我取出“显示：无；” 元素出现在页面上（没有表现耀斑）：

请有人告诉我为什么 angularJS javascript 动画在 ng-repeat-start 中有效，但在 ng-if 中无效？

顺便说一句 - 这里使用内联样式只是为了演示问题；我不在开发中使用内联样式，更不用说生产了！

我正在尝试实现与下面的弹簧代码相同的行为：

row解释：只有在添加了 3 个其他 HTML 元素之后，我才想要一个新的类 div 。我试过这个ng-if，像这样：

但它显然不起作用，因为只有一个元素在 de div.row 内。

是否有一个 if 子句，我可以只添加打开的 div，然后稍后关闭它？

提前致谢。

当使用 ng-if 时，为什么第二个按钮不起作用？

我想实现一个仅在设置模型值/不“”/不为空时才存在的按钮。

模板：

控制器：

玩耍：JSFiddle

我创建了一种 TabControl，在其中激活 Pages 并根据 PageNumber 显示一个表格（ng-repeats）。该表是一个自己的指令（一个自制的网格指令）。

现在我体验到，如果我有更少的标签页，应用程序会比我有更多的标签页更快 - 尽管所有页面都使用 ngIf 并且在设置相应的 PageNumber 之前不会呈现。

我相信，这是因为 ngIf 编译了它的内容，尽管它不应该但我在使用分析器时无法完全理解它。我只是看到，“compileNodes”被调用了很多。

有没有人有同样的经历？有解决方法的想法吗？

编辑： 还有什么有趣的是，我第一次去 tabcontroll （单页应用程序内的链接）它更快，接下来的时间更慢。尽管导航到另一个内容时整个选项卡式控件被删除，但好像记住了什么。

编辑2： 我仍在尝试弄清楚。它甚至可能是 ngRepeat，因为我在另一个 TabControl 中显示我的 TabControl，我使用 ngRepeat 执行此操作。有趣的是：第一次访问我的页面时它很快，然后我点击另一个页面，当我回来时它很慢！ngRepeat 是否将某些内容保留在缓存中？浏览器配置文件告诉我，jQuery 的 data_user -> 缓存中有一些东西不是免费的（在 Chrome 中，每次点击最多 9MB 的数据！！）

错误是当我在角度 ng-if 指令中使用模型的属性作为条件时。它发生了一个错误，即

我的html是：

我曾尝试将这段代码复制到一个新的 ionic 项目中，并且可以完美地在其他项目中执行。Ng-if 是一个内置的角度指令。为什么它会导致不同的输出？这是解决它的任何方法吗？