如何从angular2中的jQuery获取样式

当我单击按钮显示颜色选择器如何将颜色代码从jquery传递到

[style.backgroundColor]=“color”

HTML:

    <button ion-col full clear id="color-picker-handler" (click)="initiateColorPicker()">Pick Color</button>
  <ion-row class="selectedColor">
  <div class="selectedcolorCircle ion-col" [style.backgroundColor]="color" >
     </div>
     <div class="selectcolor ion-col">
     </div>
  </ion-row>

    initiateColorPicker() {
      jQuery('.selectcolor').farbtastic(function(color) {
        console.log(color)});
      console.log('Clicked');
  }

CSS:

这可能会帮助你

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  (...)
})

export class MyComponent {
  constructor(private cdr:ChangeDetectorRef) {
  }


   initiateColorPicker() {
      jQuery('.selectcolor').farbtastic((color)=>{
        console.log(color)
        this.color=color;
        this.cdr.detectChanges();
      });

      console.log('Clicked');
  }
}

---

[style.backgroundColor]=“color”是否正确？因为背景中没有设置颜色。console.log（颜色）显示颜色代码是否要设置背景颜色？如果是这样，

[style.background]=“color”

是，但背景色不适用于该div任何其他选项两个错误-没有导出成员“ChangeDetectorRef”属性“color”在类型“MyComponent”上不存在对不起，这工作很好，我将“ChangeDetectorRef”从“ionic angular”转换为“ionic angular”；非常感谢。

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  (...)
})

export class MyComponent {
  constructor(private cdr:ChangeDetectorRef) {
  }


   initiateColorPicker() {
      jQuery('.selectcolor').farbtastic((color)=>{
        console.log(color)
        this.color=color;
        this.cdr.detectChanges();
      });

      console.log('Clicked');
  }
}