Angular2 * ngIf with childディレクティブ

Question

* ngifを使用しているため、私のディレクティブがうまく動作しないと思うようです。

コンポーネントHTML：

<div *ngIf="ticket" class="row"> 
    <div class="col-xs-12"> 
     <h4 appUsername>{{ticket.raisedBy.firstName}} {{ticket.raisedBy.surname}}</h4> 
    </div> 
</div> 

指令

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

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

export class UsernameDirective {constructor(el: ElementRef) { 
    console.log('App Username directive init'); 
    el.nativeElement.style.color = 'red'; 
} 
} 

私はngOnInitのJSONサービスからデータを収集していますよう* ngIfがコンポーネントHTMLで必要とされます。

簡潔さのためにコードが無視されました：ディレクティブをエクスポートする「共有」モジュールにディレクティブを追加しています。このモジュールはメインアプリケーションモジュールにインポートされます。

これは既知の問題ですか、それとも私のコードですか？

更新私はこれを今ではうまく利用していますが、コンポーネントを含むモジュールにディレクティブをインポートする必要があります。それをAppModuleにインポートして、グローバルに使用することはできませんか？

Answer 1

Angularモジュールシステムは、このように動作します：

• あなたはまさにONE NgModuleに/ ... declareComponent/Directiveする必要があります。
  NgModuleの一部であるComponentで使用できます。
• はComponent/Directive/...他NgModuleでは、あなたがそれを使用したいNgModuleに宣言NgModuleとimport宣言NgModuleからそれをexportする必要が使用します。あなたのケースでは

あなたdeclareとexportSharedModuleとimportAppModuleでSharedModuleでDirectiveが、あなたは知っていないため、importSharedModuleをしませんし、ないimportAppModuleを行い、その、他のNgModuleでDirectiveを使用あなたのDirective

だから NgModuleで何かを使用するように、それはそれ、 importを declareする必要 import sが NgModuleを宣言 NgModuleか import NgModuleを宣言する。
インポートは、 NgModuleが Directiveをエクスポートする場合にのみ機能します。