プロパティをDOMにバインドしていないAngular2コンポーネント

Question

私は、学習のためにAngular 2で遊んでいます。

私はランダムな画像、テキスト、好きなものを表示しようとしているところでTweetコンポーネントを書きました。ブラウザ上で

 <div> 
     <tweet 
      [nameOfThePerson]="randomName" 
      [tweeterHandler]="handler1" 
      [tweetText]="firstText"> 
     </tweet> 
    </div> 

私はちょうどランダム画像と番号を取得しています：

tweet.component.html

<div class="media"> 
    <div class="media-left"> 
    <a href="#"> 
     <img class="media-object" src="http://lorempixel.com/100/100/people?1" alt="">  
    </a> 
    </div> 
    <div class="media-body"> 
    <span>{{nameOfThePerson}}</span> 
    <span> {{tweeterHandler}}</span> 
    <span>{{tweetText}}</span> 
    <heart [numberOfLikes]=5></heart> 
    </div> 
</div> 

そして、私はこのようなapp.component.htmlでそれを使用しています：このような何か人の名前、テキスト、トゥイーターハンドラではありません。

私はここに何が欠けているのか教えてください。

完全なコードはここにある：

https://github.com/tsingh38/Angular2

感謝。

Answer 1

私の推測では、あなたがrandomNameを渡したいということです、あなたのapp.component.tsでrandomNameなどを定義have'nt handler1とfirstTextは文字列としてtweetのプロパティに値しますが、現時点ではこれらの名前の変数を値として渡していますが、問題は存在しません。あなたは、テンプレート内tweet年代のプロパティに文字列値としてrandomName、handlerとfirstTextを渡したい場合は、これを行うには2つの方法があります。

<tweet 
    nameOfThePerson="randomName" 
    tweeterHandler="handler1" 
    tweetText="firstText"> 
</tweet> 

または：

<tweet 
    [nameOfThePerson]="'randomName'" 
    [tweeterHandler]="'handler1'" 
    [tweetText]="'firstText'"> 
</tweet> 

Answer 2

あなたは、ブラウザがこのように何もバインドが表示されていない理由thtsファイルの代わりに

<tweet nameOfThePerson="randomName" 
     tweeterHandler="handler1" 
     tweetText="firstText"></tweet>