画像でdivを表示するときにtemplateUrlを使用する

Question

私はangular2を学び始めています。その上に画像付きのヘッダーがあります。ここで

は私のheading.component.html

<div class="heading"> 
    <img src="../images/header.jpg"/> 
</div> 

はここに私のheading.component.ts

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'header', 
    templateUrl: './heading.component.html', 
    styleUrls: ['../style.css'] 
}) 
export class HeadingComponent { } 

であり、ここで私のapp.component.ts

import {Component} from 'angular2/core'; 
import {HeadingComponent} from './heading.component'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <header>fgsdgf</header> 
    `, 
    styleUrls: ['../style.css'] 
}) 
export class AppComponent { } 

ですブラウザには何も表示されません。イメージを表示するにはどうすればいいですか？おかげ

Answer 1

は、このコードを使用して app.component.tsを変更

： -

import {Component} from 'angular2/core'; 
import {HeadingComponent} from './heading.component'; 
@Component({ 
    selector: 'my-app', 
    template: ` 
    <header>fgsdgf</header> 
    `, 
    styleUrls: ['../style.css'], 
    directives: [HeadingComponent] 
}) 
export class AppComponent { } 

あなたがそれを使用する前に、ディレクティブのリストの中headerを追加する必要があります。コンポーネントのディレクティブのリストにこれを追加してください。