title: AngularJS is setting value for unrelated scope variable
body: <p>I have the following angular code to initialize an angular form. It returns a mostly null record except for a couple of dates and employee info.</p>
  
  <p>I was trying to create a scope variable to keep the original record for comparison purposes after the form is filled out. This is what $scope.TechSheetInfoStatic is for.</p>
  
  <p>For our purposes here,  I set $scope.TechSheetInfo.Customer.Email to a dummy value. This, while updating $scope.TechSheetInfo, <strong><em>also updates $scope.TechSheetInfoStatic</em></strong>. Why?</p>
  
  <pre><code>     $scope.initializeTechSheet = function() {
          $scope.TechSheetInfo = [];
          $scope.TechSheetInfoStatic = [];
          $scope.customerIDDisabled = false;
          $scope.orderIDDisabled = false;
  
          const successFunction = function(response) {
              $scope.TechSheetInfo = response.data;
              $rootScope.customerInfo = response.data.Customer;
              $scope.TechSheetInfoStatic = response.data;
              $scope.TechSheetInfo.Customer.Email = "bobo@bobo.com";
              alert(JSON.stringify($scope.TechSheetInfo.Customer));
              alert(JSON.stringify($scope.TechSheetInfoStatic.Customer));
  
          };
  
          const failureFunction = function(response) {
              //console.log('Error' + response.status);
          };
  
          TechSheetFactory.ITS(successFunction, failureFunction);
      };
  </code></pre>