代码之家 › 专栏 › 技术社区 › li x

如何在ngfor中实例化和使用后续数组?

typescript angular arrays html javascript

li x · 技术社区 · 6 年前

*ngFor="let arr = ['foo', 'bar', 'sla']; let item of arr; let i = index;"

为什么当提供 arr 之前 let item of arr; 这会引发一个例外吗 [object Object] 或者更确切地说,为什么我不能这样做?

我不想做的原因 let item of [...] 因为那时我也要把这些信息 .ts 我不想做的文件。

我想能够从HTML内部返回并引用这个数组,所以 我需要一种引用声明数组的方法 而不在数据文件中实例化它。

供参考的堆栈跟踪:

ERROR 
Error: [object Object]
Stack trace:
resolvePromise@webpack-internal:///./node_modules/zone.js/dist/zone.js:795:31
resolvePromise@webpack-internal:///./node_modules/zone.js/dist/zone.js:766:17
scheduleResolveOrReject/<@webpack-internal:///./node_modules/zone.js/dist/zone.js:844:17
ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:425:17
onInvokeTask@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4956:24
ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:424:17
Zone.prototype.runTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:192:28
drainMicroTaskQueue@webpack-internal:///./node_modules/zone.js/dist/zone.js:602:25

1 回复 | 直到 6 年前

li x 6 年前

您需要像通常那样实例化数组,但之后需要添加 as 这将允许您在HTML中引用数组:

*ngFor="let item of ['foo', 'bar', 'sla'] as arr; let i = index;"

然后你可以说 {{arr.length}} 如预期。

推荐文章

Toniq · javascript为php保存多维数组

1 年前

Jannis · Java中数组的怪异行为

1 年前

callum · 如何识别数组中与给定序列不匹配的元素?

1 年前

Gamerboi677 _YT · 如果玩家触摸了某个部分,如何将玩家名称添加到数组中。-Roblox-Lua编码

1 年前

at. · 在一行中创建任意大小的JavaScript/TypeScript 2d数组

1 年前

Rakis Friski · Javascript Spread运算符混淆行为

1 年前

tenfour · 如何使用数组元素的索引初始化数组元素

2 年前

Guillaume · 使用操作从Python列表创建numpy数组

2 年前

maxMas · Swift 5:为什么会出现索引超出范围错误?

2 年前

Sarah Workman · 尝试比较用javascript编程添加的字符串的值

2 年前