[解決済み] 例外が発生しました。既知のネイティブプロパティではないため、'ngFor'にバインドできない
2022-03-17 06:44:04
質問
何が間違っているのでしょうか?
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">
解決方法は?
失敗した
let
の前に
talk
:
<div *ngFor="let talk of talks">
注意事項
beta.17時点では
の使い方は
#...
のような構造的なディレクティブの内部で局所変数を宣言することは非推奨です。使用方法
let
の代わりに
<div *ngFor="#talk of talks">
は次のようになります。
<div *ngFor="let talk of talks">
オリジナルの答えです。
懐かしい
#
の前にある
talk
:
<div *ngFor="#talk of talks">
ということを忘れてしまいがちです。
#
. Angularの例外エラーメッセージが代わりに言ってくれればいいのですが。
you forgot that # again
.
関連
-
Angularインタビュー質問まとめ1~基礎知識(Angular v8+)編
-
[解決済み] CLIを使ったAngular 2 - 制作のためのビルド
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み] Angularのエラーです。"Can't bind to 'ngModel' because it isn't a known property of 'input'"."
-
[解決済み】'formControl'は'input'の既知のプロパティではないのでバインドできない - Angular2 Material Autocomplete問題
-
[解決済み】Angularの例外。ngForIn'は既知のネイティブプロパティではないため、バインドできない
-
[解決済み】Angular2 Exception: routerLink'が既知のネイティブプロパティではないため、バインドできない。
-
[解決済み] テンプレート駆動型とリアクティブ型の実用的な違いとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Angular CLIでモジュール "angular-devkit/build-angular" が見つからない問題を解決する。
-
Angularフレームワーク入門
-
angularjs ポップアップボックスの方法1
-
Node Sass は現在の環境のためのバインディングを見つけることができませんでした。Windows 64ビット、Node.js 8.x。
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] インデックスを属性値とするngFor
-
[解決済み】Angularの例外。ngForIn'は既知のネイティブプロパティではないため、バインドできない
-
[解決済み] エクスポートされた2つのクラスを同じ名前でインポートする
-
[解決済み] Angular2の変更検出:ネストされたオブジェクトに対してngOnChangesが発生しない
-
[解決済み] Angular 2の無効化されたコントロールがform.valueに含まれない