Component not rendering Angular 2 Typescript

Question

Sto cercando di imparare Angular 2, dopo un sacco di messaggi di errore ho finalmente ottenuto il funzionamento delle rotte e posso visualizzare il componente che voglio. Ora voglio mostrare il mio componente homepage e voglio che questo componente abbia un componente navbar.

Home.ts:

import {Component, View} from 'angular2/core'; 
import {Navbar} from './navbar/navbar' 

@Component({ 
    selector: 'home' 
}) 

@View({ 
    templateUrl: '/app/home/home.html' 
}) 

export class Home { 

    constructor:(public navbar: Navbar) { 
    } 

} 

home.html:

<p>NICE!</p> 
<navbar></navbar> 

navbar.ts:

import {Component, View} from 'angular2/core'; 

@Component({ 
    selector: 'navbar' 
}) 

@View({ 
    template: ` 
    <ul> 
    <li>This is the navbar</li> 
    </ul> 
    ` 
}) 

export class Navbar{ 
} 

La home page è la visualizzazione, ma il tag appena rimane <navbar></navbar> quando ho ispezionarlo Che cosa sto facendo di sbagliato?

Answer 1

Se si desidera che il componente navbar, è necessario aggiungere che l'attributo directives del componente principale, non è nel suo costruttore, in questo modo:

@Component({ 
    selector: 'home', 
    templateUrl: '/app/home/home.html', 
    directives: [ Navbar ] 
}) 
export class Home { 
    constructor() { 

    } 
}