angular2入力が自己終了しない

Question

私はangular2のことを学んでいますが、私はこの問題に関する情報を見つけることができません。 <input>タグを自己クローズしないと、解析エラーが発生します。これは私のためにとても奇妙です。さらに、それはバグだと思われますが、私はこれに関する理由や議論を見つけることができません。

@Component({ 
    selector: 'my-app', 
    template: `<h1>My First Angular App</h1> 
     {{greeting}} 
     <br/> 
     {{product.id}} {{product.name}} {{product.price}} 
     <br/> 
     <span [innerHtml]="product.id"></span> 
     <span [innerHtml]="product.name"></span> 
     <span [innerHtml]="product.price"></span> 
     <br/> 
     <input [(ngModel)]="product.id"/> //Here is working correctly 
     ` 
}) 

私は同じことをしますが、このようにして解析エラーが発生します。

@Component({ 
    selector: 'my-app', 
    template: `<h1>My First Angular App</h1> 
     {{greeting}} 
     <br/> 
     {{product.id}} {{product.name}} {{product.price}} 
     <br/> 
     <span [innerHtml]="product.id"></span> 
     <span [innerHtml]="product.name"></span> 
     <span [innerHtml]="product.price"></span> 
     <br/> 
     <input [(ngModel)]="product.id"></input> //Here I get a Parse error 
     `   
}) 

このエラーに関するヘルプ情報またはリンクは非常に役立ちます。ありがとうございました

Answer 1

inputタグは空白な要素なので自己閉鎖する必要があります。 Angular 2のテンプレートパーサーはそれについて非常に厳密です。

HTML sepcificationはこのトピックに関するより具体的な取得：

ボイド要素は、その内容モデル決してそれがどのような状況下で、内容を持つことができない要素です。 void要素は属性を持つことができます。

他の空要素は次のとおりです。area、base、br、col、command、embed、hr、img、keygen、link、meta、param、source、trackとwbr。