Angular と Angular-CLI を学ぼうとしています。そこで、Angular-CLI を使用してプロジェクトを作成しました。最初から問題なく動作しているように見えます。テストのために、 app.component.html ファイルを次のように変更しました。
<h1>Input your name:</h1>
<input type="text" [(ngModel)]="name">
<p>Your input: {{ name }}</p>
それに応じて私の app.component.ts ：
...
export class AppComponent {
name = '';
}
エラーが発生します：
キャッチされないエラー: テンプレート解析エラー: 「入力」の既知のプロパティではないため、「ngModel」にバインドできません。
この時点で、何らかの理由でページに何も表示されません。app.component.html を次のように変更しようとしました。
<input type="text" ng-model="name">
...
ページが正しく表示されるようになりました。入力ボックスは表示されますが、入力すると双方向バインディングが表示されず、<p>要素に出力が表示されません。
なぜそれが起こっているのですか、どうすれば修正できますか?