javascript - JavaScriptでAngularjs 2に@inputプロパティを設定するにはどうすればよいですか(タイプスクリプトなし)

Question

Angularjs 2チュートリアルには、TypeScript でコンポーネントの入力変数を設定する方法が説明されています

export class HeroDetailComponent {
  @Input()
  hero: Hero;
}

javascipt のドキュメントがまだ利用できないため、javascript を介してコンポーネント変数を設定することに行き詰まっています。ヒーロー変数を入力として受け取るコンポーネントのコードを次に示します。どうすれば設定できますか?

(function (app) {
    app.HeroDetailComponent = ng.core.Component({
        selector: 'hero-detail',
        template: `<div *ngIf="selectedHero">
        <h2>{{selectedHero.name}} details!</h2>
                <div><label>id: </label>{{selectedHero.id}}</div>
                <div>
                    <label>name: </label>
                    <input [(ngModel)]="hero.name" placeholder="name"/>
                </div>
                </div>`
    })
    .Class({
        constructor: function(){

        }
    })
})(window.app || (window.app = {}));

コンポーネントを使用する<hero-detail [hero]="selectedHero"></hero-detail> プロパティheroが設定されていないため、ブラウザで次のエラーが発生します Can't bind to 'hero' since it isn't a known property of 'hero-detail'