入力は（）適切

Question

このすべての最初に動作していないあなたは、コードを見ることができ、私のgitリポジトリである：私はANG2を作成しているので、レッスンの一部を練習しよう

https://github.com/eshk12/myDogs

プロジェクトコール "myDogs"。

私は3つのコンポーネント、ルートとDogList、犬があります。

私はコンポーネントを「dogC」「犬」としての価値「currentDog」を送信しようとすると、私は「DogList」コンポーネントで問題があり、誤差が上がってきた言った：私が試した

Unhandled Promise rejection: 

Template parse errors: 
Can't bind to 'dogC' since it isn't a known property of 'dog'. (" 
    <div> 
    <dog *ngFor="let currentDog of dogs" 
      [ERROR ->][dogC]="currentDog" 
    > 
    </dog> 
"): DogList@3:12 

; Zone: <root> ; Task: Promise.then ; Value: BaseException { message="Template parse errors:\nC...</dog>\n"): DogList@3:12", stack="BaseException@http://loc...js/dist/zone.js:426:22\n", constructor=BaseException(), more...} 
zone.js (line 461) 
Error: Uncaught (in promise): Template parse errors: 
Can't bind to 'dogC' since it isn't a known property of 'dog'. (" 
    <div> 
    <dog *ngFor="let currentDog of dogs" 
      [ERROR ->][dogC]="currentDog" 
    > 
    </dog> 
"): DogList@3:12 
throw new Error("Uncaught (in promise): " + value); 

* ngFor = "犬のdogCをやらせる"とその仕事は、

ですが、他のコンポーネントに送信するとエラーが出ます。

働く私の先生から元のGITリポジトリ：私は、問題を見つけましょう人には事前にhttps://github.com/rotemx/Class4-MyMusic

感謝。

Answer 1

は、あなたの犬のコンポーネントでは：あなたのDogsListコンポーネントテンプレートで

export class Dog { 
    @Input() public DogC: DogModel; 
}     ^^^^ 

：

<dog *ngFor="let currentDog of dogs" 
     [dogC]="currentDog" 
>  ^^^^^^ 
</dog> 

あなたはDogCなどの入力を定義していますがdogCにバインドしようとしています。 Javascript/Typescriptでは大文字と小文字が区別されます。入力DogCをdogCに変更しても機能します。

ところで、コンポーネントのテンプレートをコンポーネント自体とは別のフォルダに保存することはお勧めしません。推奨されるファイル構造と命名規則については、the official Angular 2 style guideを参照してください。