角度 2 ng2-nvd3 未定义指令 nvD3答案

【问题标题】：angular 2 ng2-nvd3 undefined directive nvD3角度 2 ng2-nvd3 未定义指令 nvD3
【发布时间】：2016-11-30 22:14:28
【问题描述】：

我正在尝试在这个 plunker 中实现图形：plunker

这里是github代码：github

但我得到一个错误：

未捕获（承诺中）：组件视图上的意外指令值“未定义”。

@Component({
  selector: 'main',
  directives: [nvD3],
  template: 
    <div>
      <nvd3 [options]="options" [data]="data"></nvd3>
    </div>
})

【问题讨论】：

【解决方案1】：

您正在尝试在最近的 angular2 上使用指令，指令应该在@NgModule 中配置看到这个： angular-2-ngmodules

【讨论】：

【解决方案2】：

这是使用 NgModule 声明指令的新方法..

import { nvD3 } from 'ng2-nvd3'

@NgModule({
    ...
    declarations: [
        nvD3
    ],
    ...
})

【讨论】：

虽然这段代码 sn-p 可以解决问题，但including an explanation 确实有助于提高帖子的质量。请记住，您正在为将来的读者回答问题，而这些人可能不知道您的代码建议的原因。也请尽量不要用解释性的 cmets 挤满你的代码，这会降低代码和解释的可读性！