嵌入式模板上的任何指令均未使用属性绑定 ngForIn - Ionic 2

Posted

技术标签:

【中文标题】嵌入式模板上的任何指令均未使用属性绑定 ngForIn - Ionic 2【英文标题】:Property binding ngForIn not used by any directive on an embedded template - Ionic 2 【发布时间】:2016-04-23 00:27:05 【问题描述】:

尝试像这样在 html 中运行 *ngFor。 但是,这个错误出现了。

Property binding ngForIn not used by any directive on an embedded template

这是html代码:

<ion-card *ngFor="#media in medias">

我在之前的项目中也遇到过这种情况,目前仍在解决。有什么线索吗?

Ionic2 和 Angular2 还是新手。

【问题讨论】:

Angular2 exception: Can't bind to 'ngForIn' since it isn't a known native property的可能重复 基本上你必须做#variable of array,而不是#variable in arrayof vs in @Nick Kenens 接受以下答案 【参考方案1】:

你误用了 angular1 语法:

而不是*ngFor="#media in medias"

你必须写*ngFor="#media of medias"

更新 - 从 beta.17 开始,使用 let 语法而不是 #。这将更新为以下内容:

<div *ngFor="let media of medias">

https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

【讨论】:

以上是关于嵌入式模板上的任何指令均未使用属性绑定 ngForIn - Ionic 2的主要内容,如果未能解决你的问题,请参考以下文章

Angular:如何使用 *ngFor 将指令绑定到元素

使用方法调用而不是 ngFor 指令的属性时无休止的负载

使用字符串插值将控件从FormGroup绑定到* ngFor内的模板

Firebase列表的嵌套Angular2 ngFor指令[重复]

角度绑定到视图上的函数会导致对数据服务的无限调用

用另一个结构指令包装 Angular ngFor 指令