2017-02-09 12 views
0

SublimeとVS CodeでTypescriptを使用してコーディングするときにこのエラーを手助けしてください。すべてのtemplate:コードが1行にある場合にのみ、ブラウザで認識され、正しく表示されます。TypeScriptの複数行のコードが認識されない

template:'<h1>{{title}}</h1><h2>{{hero.name}} details!</h2><div><label>id: </label>{{hero.id}}</div><div><label>name: </label>{{hero.name}}</div>', 

サーバラインに分割しようとすると、ブラウザは結果を期待通りに表示できません。

import { Component } from '@angular/core'; 

export class Hero { 
    id: number; 
    name: string; 
} 

@Component({ 
    selector: 'my-app', 
    template:'<h1>{{title}}</h1><h2>{{hero.name}} details!</h2><div><label>id: </label>{{hero.id}}</div><div><label>name: </label>{{hero.name}}</div>', 
}) 

export class AppComponent { 
    title = 'Tour of Heroes'; 
    hero = Hero { 
     id: 1; 
     name: 'Windstorm'; 
    } 
} 

このチュートリアルでは、マルチライン

@Component({ 
    template: ` 
     //code here 
    ` 
}) 

を書くときは、バッククォートを使用する必要がangular.io

答えて

3

からである:以下

は私がやっているの完全なコードです大量のHTMLを含むテンプレートを使用する。

@Component({ 
    templateUrl: "PATH HERE" 
}) 

+0

私の悪いのに役立ちます願っています!チュートリアルからそれを逃した。 –

関連する問題