Angular2 – 克隆变量以不修改源

我试图克隆该变量并对其进行更改,而不会影响用于呈现页面视图的原始数据.

import { UtilsService } from '../shared';
import { Component,Input,OnInit } from '@angular/core';

@Component({
    selector: 'app-review',templateUrl: './review.component.html',styleUrls: ['./review.component.css']
})
export class ReviewComponent implements OnInit {

    @Input() payload: any = null;

    // Object of strings that are used for the details
    langStr: any = {
        noDepartment: 'No Department Change',noSegment: 'No Segment Change',noMarket: 'No Budget Market Change',noIncentive: 'No Incentive Plan Change',noRole: 'No Role Change',noProductionDate: 'No Production Date Change',noLanguage: 'No Language Change',noShift: 'No Shift Change',noSupervisor: 'No Supervisor Change'
    };

    // Used to scan through the final payload and assign default values if missing
    optionalFields = ['budgetMarket','hierarchy','incentivePlan','primaryLanguage','secondaryLanguage','role','segment','shiftID','supervisor'];

    modifiedData: any;

    constructor(
        private utils: UtilsService
    ) {
    }

    ngOnInit() { }

    submitChanges() {

        this.modifiedData = this.payload;

        // Loop over all of the keys in our formData object
        for (const key in this.modifiedData.formData) {

            // Find shift by property if the key exists within our defined array
            if (this.modifiedData.formData.hasOwnProperty(key) && this.utils.isInArray(this.optionalFields,key)) {

                // If our object data doesnt have a value,set it to -1
                if (!this.modifiedData.formData[key].length) {
                    this.modifiedData.formData[key] = '-1';
                }

            }

        }

        // Send to database 
        console.log(this.modifiedData)
    }

}

在上面的这种情况下,我试图将我订阅的this.payload数据设置为一个名为modifiedData的新变量.然后我修改了该任务中的一些数据.

但是,只要我调用函数submitChanges(),我的HTML视图就会获得对modifiedData所做更改的更新,即使它没有订阅它.

我认为它与this.modifiedData = this.payload有关;以某种方式更新原始数据(有效载荷).

有没有办法在没有触及有效载荷的情况下这样做.我基本上只是克隆它并进行一些更改,然后再将它提交给我的数据库调用.