無法訪問值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>

該模板在我的網頁上顯示為rendre，但是出現以下錯誤

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

Answer 1

似乎對我來說工作正常-> Plunker示例

我只需要刪除反引號即可

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

Answer 2

從HTML刪除此行，它應該開始工作，

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