¿Cómo poner un componente dentro de otro componente en Angular2?

Soy nuevo en Angular y todavía estoy tratando de entenderlo. ¡Seguí el curso en la Academia Virtual de Microsoft y fue genial, pero encontré una pequeña discrepancia entre lo que dijeron y cómo se comporta mi código! Específicamente, he tratado de "poner un componente dentro de otro componente" como este:

@Component({
    selector: 'parent',
    directives: [ChildComponent],
    template: `
            <h1>Parent Component</h1>
            <child></child>
        `
    })
    export class ParentComponent{}


@Component({
    selector: 'child',    
    template: `
            <h4>Child Component</h4>
        `
    })
    export class ChildComponent{}

Este es el mismo ejemplo que hacen en el curso, ¡pero en mi código no funciona! En particular, VisualStudio me dice que la propiedad 'directivas' no existe en el decorador de componentes. ¿Como puedo resolver esto?

Respuestas a la pregunta(3)

Su respuesta a la pregunta