値にアクセスできないAngular2

Question

Angular2とES6でプロジェクトを開始しようとしていますが、データにアクセスしようとして問題があります。

index.js

import {zoneJs} from 'zone.js' 
import {reflectMetadata} from 'reflect-metadata' 
import {bootstrap} from 'angular2/platform/browser'; 
import {HelloWorld} from './hello_world'; 
bootstrap(HelloWorld); 

hello_world.js

import {Component} from 'angular2/core'; 

@Component({ 
    // Declare the tag name in index.html to where the component attaches 
    selector: 'hello-world', 
    // Location of the template for this component 
    templateUrl: 'dist/template/hello_world.html' 
}) 

export class HelloWorld { 
    yourName = '' 
} 

hello_world.hlml

<label>Name:</label> 
<!-- data-bind to the input element; store value in yourName --> 
<input type="text" [(ngModel)]="yourName" placeholder="Enter a name here"> 
<hr> 
<!-- conditionally display `yourName` --> 
<h1 [hidden]="!yourName">Hello {{yourName}}!</h1> 

テンプレートは、私のWebページでrendreですが、私は次のエラー

を持っています

script.js:17 EXCEPTION: No value accessor for '' in [yourNames in s@2:19] 

Answer 1

私のために正常に動作するようです - >Plunker example

私はちょうど

<!-- conditionally display `yourName` --> 

Answer 2

からバッククォートを削除する必要がありましたHTMLからこの行を削除し、それが作業を開始する必要があり、

<!-- conditionally display `yourName` -->