既知のネイティブプロパティであるため、ドロップダウンにバインドできません。

こんにちは、私は新しい角型アプリケーションを開始しましたが、指示文をインポートするときに問題があります。ここに私のコードは次のとおりです。既知のネイティブプロパティであるため、ドロップダウンにバインドできません。

これは私のブートストラップファイルです：

import { bootstrap } from '@angular/platform-browser-dynamic'; 
import {CommercifyComponent} from './commercify.component'; 

bootstrap(CommercifyComponent);

これは私のルート要素である：

import { Component } from '@angular/core'; 
import { LeftNavigationComponent } from './navigation/components/left-navigation.component'; 
import { TopNavigationComponent } from './navigation/components/top-navigation.component'; 

@Component({   
    moduleId: module.id, 
    selector: 'commercify', 
    templateUrl: 'commercify.view.html', 
    styleUrls: ['commercify.style.css'], 
    directives: [LeftNavigationComponent, TopNavigationComponent] 
})   
export class CommercifyComponent { 
    private ceva = "iom"; 
}

これはLeftNavigationComponentです：

import { Component } from '@angular/core'; 
import { DropdownDirective } from './../directives/dropdown.directive'; 

    @Component({ 
     moduleId: module.id, 
     selector: 'left-navigation', 
     styleUrls: ['left-navigation.style.css'], 
     templateUrl: 'left-navigation.view.html', 
     directives: [DropdownDirective] 
    }) 
    export class LeftNavigationComponent { 
     private ceva = "iom"; 
    }

と左ナビゲーションコンポーネントビュー：

<li class="nav-item" [dropdown]> 
     <div class="nav-item-header nav-item-header-active"> 
      <span class="nav-item-icon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
      <span class="nav-item-text">Catalog</span> 
      <span class="nav-item-arrow glyphicon glyphicon-menu-right"></span> 
     </div> 
     <ul class="nav-item-content nav-item-content-active list-unstyled"> 
      <li class="nav-child-item"> 
       <span class="nav-item-icon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
       <span class="nav-item-text">Categories</span> 
      </li> 
      <li class="nav-child-item"> 
       <span class="nav-item-icon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
       <span class="nav-item-text">Templates</span> 
      </li> 
      <li class="nav-child-item"> 
       <span class="nav-item-icon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
       <span class="nav-item-text">Products</span> 
      </li> 
     </ul> 
    </li>

そして最後に、これはDropdownDirectiveです：

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

@Directive({ selector: '[dropdown]' }) 
export class DropdownDirective { 

    public element: HTMLElement; 

    constructor(element: ElementRef) { 
     this.element = element.nativeElement; 
    } 
}

私はこのエラーを取得するコードを実行すると：