问题标签 [ngfor]
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.
angular - Exception: Can't bind to 'ngFor' since it isn't a known native property
What am I doing wrong?
The error is
angular - *ngIf 和 *ngFor 在同一元素上导致错误
我在尝试使用 Angular*ngFor
和*ngIf
在同一个元素上时遇到问题。
当尝试遍历 中的集合时*ngFor
,该集合被视为null
并因此在尝试访问模板中的属性时失败。
我知道简单的解决方案是*ngIf
向上移动一个级别,但是对于像在 a 中循环列表项这样的场景,如果集合为空,ul
我最终会得到一个空的,或者我的li
li
的,或者我的 s 被包装在冗余容器元素中。
这个plnkr的例子。
注意控制台错误:
我做错了什么还是这是一个错误?
angular - 如何在 ngFor 循环中创建变量?
我正在尝试找出如何在ngFor loop
.
我有一个这样的循环:
您可以看到getBuild
呼叫必须重复多次。(在我的实际示例中更多次)。我想要一种方法来在循环中的模板中创建这个变量并简单地重用它。
有没有办法做到这一点?
angular - ngFor 将索引作为属性中的值
我有一个简单的ngFor
循环,它也跟踪当前的index
. 我想将该index
值存储在一个属性中,以便我可以打印它。但我无法弄清楚这是如何工作的。
我基本上有这个:
我想将 的值存储#i
在属性中data-index
。我尝试了几种方法,但都没有奏效。
我在这里有一个演示:http: //plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp ?p=preview
如何将index
值存储在data-index
属性中?
angular - Angular2在for循环中加载动态内容/ html
我有一个 json 数组,它可以包含我要加载的组件的组件或 html 选择器。我正在尝试将这些数据加载到 for 循环中。当我尝试插入值 {{d.html}} 时,它显示为计划文本。当我使用下面的 innerHTML 方法并检查 dom 时,我在那里看到了 html,但它并没有像自定义组件一样运行(dom 将只包含而不是初始化它并用组件模板替换它。
我查看了动态内容加载器,但不适合。这是一个 for 循环,因此不能使用模板语法,所以 loadIntoLocation 对我不起作用。如果组件有任何输入,也不确定它会如何工作。
angular - Angular 2 beta:ngFor 和表达式
我在组件中使用以下代码,尽管位置设置了正确的值,但没有呈现任何内容:
我猜 Angular 2 无法处理,location.forecast.list
尽管它是我的 TypeScript 组件类中的一个有效对象数组。
checkbox - Angular 2:如何动态更改 *ngFor 的显示?
我想显示group
在列表中具有属性的对象数组,并且能够根据用户的需要仅显示某个组的对象。
为了做到这一点,我有复选框来收集用户的愿望:
然后,我希望能够只显示group
选择了它们的属性的对象。我首先尝试只显示选定的组:
我设法创建了一个selectedGroups
对象,其中包含仅包含选定组的数组:
如图所示,我放了一个console.log(this.selectedGroups)
来验证我的selectedGroups
对象是否真的只包含我想要的选定组,并在选中/取消选中复选框时正确更新。它确实如此。
问题是,当我选中/取消选中或复选框时,所选组的列表不会在我的视图中更新。它卡住了,好像selectedGroups
一直['Group A', 'Group B', 'Group C']
都一样。
有谁知道为什么?它与 的行为有关*ngFor
吗?如果是这样,我该怎么做才能拥有我想要的行为?
我尝试了另一种使用*ngIf
and的方法groupsMap
,但它也不起作用:
我很乐意以一种或另一种方式找到解决方案。任何帮助将不胜感激,谢谢!
javascript - Angular 2:ngFor 完成时的回调
在 Angular 1 中,我编写了一个自定义指令(“repeater-ready”),用于ng-repeat
在迭代完成时调用回调方法:
标记中的用法:
如何ngFor
在 Angular 2 中实现类似的功能?
angularjs - 离子 2 和收集重复
我正在使 *ngFor 与 Ionic 2 配合良好,但我想使用 collection-repeat,因为它更适合广泛的数据。
我正在将数据加载到构造函数中:
这是我对 *ngFor 的看法,我注入的数据工作正常:
但是用 collection-repeat 加载的相同数据不起作用:
没有数据也没有错误。我知道这是很多数据,我可以在服务器端拆分我的 JSON,但这种情况是出于基准测试目的(Ionic 1 和 collection-repeat 比 Ionic 2 和 ngFor 好得多)。
Ionic 2 beta 是否包含该指令?
谢谢,
德德