当前位置: 首页 > 知识库问答 >
问题:

异常:无法绑定到“ng for”,因为它不是已知的本机属性

闾丘山
2023-03-14

我做错了什么?

import {bootstrap, Component} from 'angular2/angular2'

@Component({
  selector: 'conf-talks',
  template: `<div *ngFor="talk of talks">
     {{talk.title}} by {{talk.speaker}}
     <p>{{talk.description}}
   </div>`
})
class ConfTalks {
  talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'},
            {title: 't2', speaker: 'Julie', description: 'talk 2'}];
}
@Component({
  selector: 'my-app',
  directives: [ConfTalks],
  template: '<conf-talks></conf-talks>'
})
class App {}
bootstrap(App, [])

错误是

EXCEPTION: Template parse errors:
Can't bind to 'ngFor' since it isn't a known native property
("<div [ERROR ->]*ngFor="talk of talks">

共有3个答案

陆宏壮
2023-03-14

Angular2测试版中使用的此语句.....

以后用let代替#

let关键字用于声明局部变量

桂梓
2023-03-14

另一个导致操作错误的错误可能是在中使用:

<div *ngFor="let talk in talks">

您应该改用:

<div *ngFor="let talk of talks">

姜锋
2023-03-14

我在talk前面错过了let:

<div *ngFor="let talk of talks">

请注意,从Beta.17开始,不推荐使用#...在结构化指令(如NgFor)中声明局部变量。改用let

现在变为

原答案:

我错过了talk前面的#:

<div *ngFor="#talk of talks">

很容易忘记#。我希望Angular exception错误消息会改为:
您忘记了#again

 类似资料:
  • 很明显Angular2的beta版本比new版本更新,所以没有太多的信息,但我想做的是一些基本的路由。 使用https://angular.io网站中的快速启动代码和其他片段进行黑客攻击,导致以下文件结构: 文件填充如下: index.html BOOT.TS app.component.ts 路由-test.component.ts 尝试运行此代码会产生错误: 我在这里发现了一个隐约相关的问题;

  • 是的,这可能是第一百次有人遇到这个问题,但没有解决办法对我有效。。。 我使用角2.0.0 rc和什么都不会工作,我想我错过了一些东西,但我不知道是什么 这是我的文件,它们都可以正确传输,是的,我尝试使用不推荐的路由,是的,我根据文档做了,两者都不起作用。 app.component.ts 主要的ts 指数html 其余的文件几乎都是教程中的复制粘贴,所以我不会用更多的代码来垃圾邮件。。。 更新,我

  • 我必须动态地创建一个复选框列表 无法绑定到“for”,因为它不是已知的本机属性 angular2 新错误消息 未处理的promise拒绝:模板分析错误:无法绑定到“for”,因为它不是“label”的已知属性。 这是我的plnkr显示错误:http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview 我的代码中哪里出错了?

  • 我试图在这里遵循基本的Angular 2教程: https://angular.io/docs/js/latest/guide/displaying-data.html 我可以让angular应用程序加载并显示我的名字,代码如下: 但是,当我尝试添加字符串数组并尝试使用ng for显示它们时,它会抛出以下错误: 以下是代码: 我错过了什么?

  • 我已经将我的应用程序从Angular 2升级到Angular 6版本。ng build--prod正在成功构建应用程序。我能够登录到我的应用程序和50%的功能是完美的工作,在一些选项不工作和抛出下面的异常: