Директива не работает в приложении

Question

Я не могу понять, как получить директивы, работающие в моем приложении. Я хочу применить директиву к компоненту, это она в простейшей форме.

import {Directive, HostBinding} from '@angular/core'; 

@Directive({ 
    selector: '[directiveSelector]' 
}) 

export class FirstDirective { 

    @HostBinding() innerText = 'not working'; 

} 

...

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

@Component({ 
    selector: 'home', 
    template: ` 
    <h1 directiveSelector>Test</h1>` 
}) 

export class HomeComponent { 

} 

...

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 

import { AppComponent } from './app.component'; 
import { HomeModule } from "./home/home.module"; 
import { FirstDirective } from './directives/first.directive'; 


@NgModule({ 
    imports: [ 
    BrowserModule, 
    HomeModule 
    ], 
    declarations: [ 
    AppComponent, 
    FirstDirective 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Кто-нибудь знает, что я здесь отсутствует? Home рендеринга отлично, и это компонент, завернутый в модуль. Кроме того, я не могу получить отладчик или предупреждение для запуска в директиве - может быть проблема с привязкой шаблона?

Answer 1

Объявление FirstDirective в вашем HomeModule, которое должно позаботиться об этом. Здесь я предполагаю, что ваш HomeComponent является частью homemodule.

Пробовал выходить из себя из модуля, и он не вызывал ошибок, но также не работал.