无法保存从ngx颜色选择器中选择的颜色

Question

我正在使用Angular6在MEAN Stack中开发一个应用程序。在那里，我想使用颜色选择器并将所选颜色发送到数据库中。为此，我使用了ngx-color picker。 这是我的html

<div class="form- group row ">
                    <label for="movementBox" class="col-sm-6 col-form-label"> Movement Box:</label>
                     <div class="col-sm-6">
                           <input  nbInput [(colorPicker)]="colorMovementBox" [cpPosition]="'right'" [cpOutputFormat]="'rgba'" [style.background]="colorMovementBox"
                          formControlName="colorMovementBox" **[(ngModel)]="colorMovementBox"** style="width: 100px" (colorPickerChange)="onChangeColor($event)" />  

                     </div> 
 </div>

如果我添加了粗体部分，则会将颜色保存在db中，但是会在文本中显示颜色值，并在输入字段中显示颜色，例如“ rgb（149,74,74）”。

例如：

这是我的模式。

var mongoose = require（'mongoose'）;

// Schema for rda color panel
var rdaColorSchema = new mongoose.Schema({
    userName: {
        type: String
    },
    colorMovementBox: {
        type: String,
    },

});

module.exports = mongoose.model（'rdaColor'，rdaColorSchema）; 如果删除了该部分并仅使用[（colorPicker）] =“ colorMovementBox”，则它不会发布到db中。 如何删除输入字段中的文本？