Выбор цвета в angular2

Я хочу использовать палитру цветов в angular2. Я попытался использовать библиотеку npm angular2-color-picker. Но я мог видеть только пустой экран после включения директивы. (В консоли ошибок не обнаружено). Пожалуйста, помогите мне, зная, где я ошибаюсь, или дайте мне знать, есть ли какая-либо другая библиотека angular2, доступная для выбора цвета. Заранее спасибо.

Мой HTML включает:

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

Мой TS: (страница AppComponent направляется в 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";
}

Мой Boot.ts

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

bootstrap(AppComponent, [ColorPickerService]);

Мой цконфиг

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

angular color-picker angular2-directives
person AishApp    schedule 21.04.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно настроить библиотеку следующим образом:

System.config({
  map: {
    'angular2-color-picker': 'node_modules/angular2-color-picker'
  },
  packages: {
    (...)
    'angular2-color-picker': {
      format: 'register',
      defaultExtension: 'js'
    }
  }
});
person Thierry Templier    schedule 21.04.2016
comment
я использую commonjs как модули - person AishApp; 21.04.2016
comment
Библиотека скомпилирована в виде модулей SystemJS. Если вы хотите использовать его с comonjs, вам нужно его перекомпилировать. Не могли бы вы добавить в свой вопрос конфигурацию используемого вами компилятора TypeScript? Спасибо! - person Thierry Templier; 21.04.2016
comment
Извините за задержку ответа. я отредактировал свой вопрос - person AishApp; 25.04.2016
comment
Извините, но я не понял вашего решения. Где мне нужно настроить это? Я пытаюсь добавить этот компонент в ionic 2. Спасибо. - person Avishai Peretz; 26.03.2017