Ngoại lệ: Không thể liên kết với 'ngFor' vì đây không phải là tài sản bản địa đã biết

Tôi đang làm gì sai?

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, [])

Lỗi là

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

Tôi đã bỏ lỡ lettrước mặt talk:

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

Lưu ý rằng kể từ phiên bản beta.17 sử dụng #...để khai báo các biến cục bộ bên trong các chỉ thị cấu trúc như NgFor không được dùng nữa. Sử dụng letthay thế.

<div *ngFor="#talk of talks"> bây giờ trở thành <div *ngFor="let talk of talks">

Câu trả lời gốc:

Tôi đã bỏ lỡ #trước mặt talk:

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

Thật dễ dàng để quên điều đó #. Tôi muốn thông báo lỗi ngoại lệ Angular thay vì nói :
you forgot that # again.

Một lỗi đánh máy khác dẫn đến lỗi của OP có thể được sử dụng in:

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

Bạn nên sử dụng ofthay thế:

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

Tuyên bố này được sử dụng trong phiên bản Angular2 Beta .....

Sau đây sử dụng hãy để thay vì #

hãy để từ khóa được sử dụng để khai báo biến cục bộ

Trong trường hợp của tôi, đó là một lá thư nhỏ f. Tôi đang chia sẻ câu trả lời này chỉ vì đây là kết quả đầu tiên trên google

đảm bảo viết *ngFor

Trong góc 7 đã sửa lỗi này bằng cách thêm các dòng này vào .module.tstệp:

import { CommonModule } from '@angular/common'; imports: [CommonModule]

Bạn nên sử dụng từ khóa let để khai báo các biến cục bộ, ví dụ * ngFor = "let talk of speak"

Đối với tôi, để cắt ngắn một câu chuyện dài, tôi đã vô tình hạ cấp xuống angular-beta-16.

Cú pháp let ... CHỈ hợp lệ trong 2.0.0-beta.17 +

Nếu bạn thử cú pháp hãy để bất cứ điều gì bên dưới phiên bản này. Bạn sẽ tạo ra lỗi này.

Nâng cấp lên angular-beta-17 hoặc sử dụng cú pháp #item trong các mục.

Trong trường hợp của tôi, tôi đã phạm sai lầm sao chép *ng-for=từ các tài liệu.

https://angular.io/guide/user-input

Đúng nếu tôi đã sai lầm. Nhưng dường như nó *ng-for=đã được đổi thành*ngFor=

Tôi đã quên chú thích thành phần của mình bằng " @Input " (Doh!)

book-list.component.html (Mã vi phạm):

<app-book-item
  *ngFor="let book of book$ | async"
  [book]="book">  <-- Can't bind to 'book' since it isn't a known property of 'app-book-item'
</app-book-item>

Phiên bản sửa chữa của book-item.component.ts :

import { Component, OnInit, Input } from '@angular/core';

import { Book } from '../model/book';
import { BookService } from '../services/book.service';

@Component({
  selector: 'app-book-item',
  templateUrl: './book-item.component.html',
  styleUrls: ['./book-item.component.css']
})
export class BookItemComponent implements OnInit {

  @Input()
  public book: Book;

  constructor(private bookService: BookService)  { }

  ngOnInit() {}

}

Ngoài ra, đừng cố sử dụng TypeScript thuần túy trong việc này ... Tôi muốn tương ứng nhiều hơn với forviệc sử dụng và sử dụng *ngFor="const filter of filters"và nhận được ngFor không phải là một lỗi thuộc tính đã biết. Chỉ cần thay thế const bằng cách cho phép là làm việc.

Như @ alexander-abakumov đã nói ofthay thế in.

Trong trường hợp của tôi, mô-đun chứa thành phần sử dụng * ngFor dẫn đến lỗi này, không được bao gồm trong app.module.ts. Bao gồm nó trong mảng nhập khẩu đã giải quyết vấn đề cho tôi.

Chỉ cần để trang trải thêm một trường hợp khi tôi đã nhận được báo lỗi tương tự và lý do được sử dụng trong thay vì của trong iterator

Nhầm đường let file in files

Đúng cách let file of files

Dùng cái này

<div *ngFor="let talk of talks> 
   {{talk.title}} 
   {{talk.speaker}}
   <p>{{talk.description}} 
</div>

Bạn cần chỉ định biến để lặp qua một mảng của một đối tượng