2016-07-15 6 views
1

Я хочу использовать устройство для выбора цвета в ионном 2. Я использую angular2-color-picker От here. как в папке doc добавлены страницы/подборщик цветов. пожалуйста, помогите мне что-то потерять или что я могу сделать?Angular2 ionic 2 Color picker

его Get ошибка

Нет поставщика для ColorPickerService!

My.html

<ion-input [(colorPicker)]="color" [style.background]="color" [value]="color"></ion-input> 

my.ts

import {ColorPickerDirective} from '../color-picker/color-picker.directive' 
 
@Component({ 
 
    templateUrl: 'build/pages/trans-generation/trans-generation.html', 
 
    directives: [ColorPickerDirective] 
 
}) 
 
export class TransGeneration { 
 
    private color: string = "#127bdc"; 
 
}

app.ts

import {TransGeneration} from './pages/trans-generation/trans-generation'; 
 
import {ColorPickerService} from './pages/color-picker/color-picker.service' 
 

 
ionicBootstrap(MyApp,TransGeneration, [ColorPickerService])

+0

Вы можете получить некруглый выбор цвета? –

+0

no..error сообщение «Нет провайдера для ColorPickerService!» – sridharan

+0

Вы уже посмотрели эту [другую SO-нить] (http://stackoverflow.com/questions/36772233/colour-picker-in-angular2)? – superjos

ответ

1

Импорт ColorPickerModule линии в вашем app.module.ts файл, он должен работать нормально.

import {ColorPickerModule} from 'angular2-color-picker'; 

@NgModule({ 
    ... 
    imports: [ColorPickerModule] 
})