角度2のブートストラップドロップダウン "open"イベント

Question

私はクリック時にブートストラップドロップダウンを開き、マウスが離れるときにそれを閉じる指示文を作成しようとしています。 ドロップダウン指令コード：

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

@Directive({ 
    selector: '[rbDropdown]' 
}) 
export class DropdownDirective { 
    @HostBinding('class.open') get opened() { 
    return this.isOpen; 
    } 
    @HostListener('click') open(){ 
    this.isOpen = true; 
    } 
    @HostListener('mouseleave') close(){ 
    this.isOpen = false; 
    } 

    private isOpen = false; 

} 

次に、ドロップダウン李項目では、私はこのディレクティブを使用します。

<li class="dropdown" rbdropdown> 
    <a href="#" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">User <span class="caret"></span></a> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Login</a></li> 
    <li><a href="#">Otg=her</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Logout</a></li> 
    </ul> 
</li> 

しかし、それは...

Answer 1

[OK]を、愚かな問題を働いていません。.. IDEがli要素のディレクティブ名を変更しましたが、気づかなかった