Farbauswahl in angular2

Question

Ich möchte einen Farbwähler in angular2 verwenden. Ich versuchte mit npm angular2-color-picker Bibliothek. Aber ich konnte nur einen leeren Bildschirm sehen, nachdem ich die Direktive eingefügt hatte. (Kein Fehler in der Konsole gefunden). Bitte helfen Sie mir, indem Sie wissen, wo ich falsch liege oder lassen Sie mich wissen, ob es noch eine andere eckige2 Bibliothek für die Farbauswahl gibt. Vielen Dank im Voraus.

Mein HTML enthält:

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

Mein TS: (AppComponent Seite Routen DesignPage)

import {Component, OnInit} from 'angular2/core'; 
import {ColorPickerDirective} from 'angular2-color-picker/app/color-picker/color-picker.directive'; 
@Component({ 
    selector: 'my-design', 
    templateUrl: 'wwwWeb/build/component/design/design.html', 
    directives: [ColorPickerDirective] 
}) 
export class DesignPage implements OnInit { 
private color: string = "#127bdc"; 
} 

Mein Boot.ts

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

bootstrap(AppComponent, [ColorPickerService]); 

Mein TSConfig

{ 
    "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" 
    ] 
} 

Answer 1

Sie müssen die Bibliothek auf diese Weise konfigurieren:

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