Получение сообщения об ошибке: значение не определено в приложении angular 6

Question

Я занимаюсь разработкой веб-приложения с использованием среднего стека.Там у меня есть поле ввода, которое дает палитру цветов (NGX Color Picker).Я хочу сохранить выбранный цвет в Монго БД.Вот мой HTML.

<div class="form group">
  Movement Box:
 <input type="text" nbInput [(colorPicker)]="colorMovementBox" [style.background]="colorMovementBox" name="movementBox" color-picker-model="colorMovementBox" (colorPickerChange)="onChangeColor($event)" />
</div>

Это релевантные методы в файле component.ts

saveRDAColorValue(rdaColor: NgForm) {
    console.log("color of rda" + rdaColor.value.colorMovementBox);
    if (rdaColor.value.colorMovementBox != "" && rdaColor.value.colorMovementBox != null) {
      this.rdaColorService.saveRdaColor(rdaColor.value.colorMovementBox).subscribe(res => {
        console.log("save in ts file");
      }, (err) => {
        console.log(err);
      });
    }
  }

public onChangeColor(color: string): Cmyk {
    const hsva = this.cpService.stringToHsva(color);
    const rgba = this.cpService.hsvaToRgba(hsva);
    console.log(color);
    console.log(rgba);
    return this.cpService.rgbaToCmyk(rgba);
  }

Это маршруты

router.post('/save', (req, res)=>{
    var rdaColor = new rdaColor(
        {
            movementBox: req.body.colorMovementBox,
        }
    );
    rdaColor.save((err,doc)=> {
    if(!err){
        res.send(doc);}
        else{
            console.log(err);
        }
        });
});

Когда я запускаю цвет приложениязначение не сохраняется в базе данных.Когда я отлаживаю, он показывает значение 'rdaColor.value.colorMovementBox' как 'неопределенное'.У кого-нибудь есть предложение?