WebStorm：JavaScriptの中に引用符でHTMLを飾り立てるためにどのようにファイルを

Question

I持って私のapp.component.tsファイルに次のブロック：私は私のJSだけでなく、内部にあるHTMLを飾り立てるするWebStormを伝えることができますどのように

@Component({ 
    selector: 'my-app', 
    template: ` 
     <h1>{{title}}</h1> 
     <h2>My Heroes</h2> 
<ul class="heroes"> 
    <li> 
    <!-- each hero goes here --> 
    </li> 
</ul> 
    <h2>{{hero.name}} details!</h2> 
    <div><label>id: </label>{{hero.id}}</div> 
    <div> 
    <label>name: </label> 
    <input [(ngModel)]="hero.name" placeholder="name"> 
    </div> 
    ` 
}) 

引用？

私はすでに試してみました：、それを起動するには

だけCtrl+Enterをクリックしてください：あなたはEdit Angular2HTML Fragment意思を使用することができますCode > Auto-indent LinesとCode > Reformat Code

私はWebStorm 2016.3に

Answer 1

を使用しています文字列に。 これはエディタを開きます。ここでコードをあらかじめ確認でき、その変更が文字列に反映されます。