html - Angular中的ngx-color颜色选择器，无法设置宽度

Question

我正在使用 ngx-color 颜色选择器：

https://www.npmjs.com/package/ngx-color#material

这是我调用颜色选择器的地方，也是我要设置的地方width

<div>
  <div class="flex-title">
    <h3 class='h3-btn'>Background Color</h3>
    <button mat-icon-button (click)="openColorPicker()">
      <mat-icon>color_lens</mat-icon>
    </button>
  </div>
  <jhi-bring-color [value]="this.color"></jhi-bring-color>
  <color-sketch *ngIf="isColorPickerOpen" color="#fff" width="200px" 
    (onChange)="changeOfColor($event)"></color-sketch>
</div>

它以某种方式工作并且颜色选择器正确显示：

我仍然在控制台中收到以下错误：

类型“字符串”不可分配给类型“数字”。<color-sketch *ngIf="isColorPickerOpen" color="#fff" width=200px (onChange)="changeOfColor($event)">

我也尝试过这些案例：width = "200"，width = 200

知道为什么会显示此错误，即使它正在工作？

提前感谢您的帮助！

标签： htmlangulartypescript

Answer 1

从错误消息中，我猜你必须这样写：

<color-sketch *ngIf="isColorPickerOpen" color="#fff" [width]="200" 
              (onChange)="changeOfColor($event)"></color-sketch>

如果没有括号，参数的值将在组件内作为字符串传输。