angular2中的颜色选择器

我想在angular2中使用颜色选择器。我试着使用npm库。但在加入指令后，我只能看到一个空白屏幕。（在控制台中未找到错误）。请帮助我知道我哪里出了问题，或者让我知道是否有任何其他angular2库可用于颜色选择。提前感谢

我的HTML包括：

<div>
<label>Primary</label>
<input [(colorPicker)]="color" [style.background]="color" [value]="color"/>
</div>

我的靴子

import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app.component';
import {ColorPickerService} from './color-picker/color-picker.service'

bootstrap(AppComponent, [ColorPickerService]);

我的tConfig

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "../node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

---

您需要通过以下方式配置库：

System.config({
  map: {
    'angular2-color-picker': 'node_modules/angular2-color-picker'
  },
  packages: {
    (...)
    'angular2-color-picker': {
      format: 'register',
      defaultExtension: 'js'
    }
  }
});

---

我使用commonjs作为模块库被编译为SystemJS模块。如果您想将它与comonjs一起使用，您需要重新编译它。您能在问题中添加您使用的TypeScript编译器的配置吗？谢谢很抱歉延迟回复。我已经编辑了我的问题对不起，我不明白你的答案。我需要在哪里配置这个？我想把这个成分加入离子2。谢谢

System.config({
  map: {
    'angular2-color-picker': 'node_modules/angular2-color-picker'
  },
  packages: {
    (...)
    'angular2-color-picker': {
      format: 'register',
      defaultExtension: 'js'
    }
  }
});