無法綁定到下拉，因爲它是一個已知的本地屬性

嗨，我剛剛開始一個新的角度應用程序，我有一個導入指令時出現問題。這裏是我的代碼：無法綁定到下拉，因爲它是一個已知的本地屬性

這是我的引導文件：

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; 
    } 
}

當我運行代碼，我得到這個錯誤：

現在我因子評分這個錯誤持續顯示，因爲我需要添加LeftNavigationComponent中的指令，但我做到了。我正在使用角度rc.4。

任何人都知道什麼是錯的？

來源

2016-07-30 aleczandru

只要做到這

<li class="nav-item" dropdown>

，而不是這個

<li class="nav-item" [dropdown]>

來源

2016-07-30 08:50:59 schacki

無法綁定到下拉，因爲它是一個已知的本地屬性

回答

相關問題