node.js - 获取错误消息：角度 6 应用程序中未定义值

Question

我正在使用平均堆栈开发一个 Web 应用程序。我有一个输入字段，它提供了一个颜色选择器（ngx 颜色选择器）。我想将选择的颜色保存在 mongo db 中。这是我的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”的值显示为“未定义”。有人有建议吗？

标签： node.jsnpmangular6mean-stack