无法绑定到下拉，因为它是一个已知的本地属性

嗨，我刚刚开始一个新的角度应用程序，我有一个导入指令时出现问题。这里是我的代码：无法绑定到下拉，因为它是一个已知的本地属性

这是我的引导文件：

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

无法绑定到下拉，因为它是一个已知的本地属性

回答

相关问题