Eingabefelder, die dasselbe anzeigen

Question

Ich habe ein Problem mit Eingabefeldern in AngularJS. Was auch immer ich in einem schreibe, bekomme ich genau denselben Text in einem anderen (field_start = field_end). Was mache ich falsch? Stimmt etwas nicht mit ng-model?

template.html

<form name="editForm" role="form" novalidate ng-submit="vm.save()"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" 
      ng-click="vm.clear()">&times;</button> 
    <h4 class="modal-title" id="myPackLabel">Create offer</h4> 
    </div> 
    <div class="modal-body"> 
    <jhi-alert-error></jhi-alert-error> 
    <div class="form-group"> 
     <label class="control-label" for="field_start">Miejsce startowe</label> 
     <input type="text" class="form-control" name="field_start" id="field_start" 
      ng-model="vm.transitPointStart.city" placeholder="np. Warszawa" 
      /> 
    </div> 
    <div class="form-group"> 
     <label class="control-label" for="field_end">Miejsce docelowe</label> 
     <input type="text" class="form-control" name="field_end" id="field_end" 
      ng-model="vm.transitPointEnd.city" placeholder="np. Wrocław" 
      /> 
    </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()"> 
     <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span>Cancel</span> 
    </button> 
    <button type="submit" ng-disabled="editForm.$invalid || isSaving" class="btn btn-primary"> 
     <span class="glyphicon glyphicon-save"></span>&nbsp;<span>Save</span> 
    </button> 
    </div> 
</form> 

controller.js

(function() { 
    'use strict'; 

    angular 
    .module('myApp') 
    .controller('AddOfferDialogController', AddOfferDialogController); 

    AddOfferDialogController.$inject = ['$scope', '$stateParams', '$uibModalInstance', 'entity', 'ShipmentOffer', 'TransitPoint', 'PackageSlot']; 

    function AddOfferDialogController ($scope, $stateParams, $uibModalInstance, entity, ShipmentOffer, TransitPoint) { 
    var vm = this; 
    vm.shipmentOffer = entity; 
    vm.transitPointStart = entity; 
    vm.transitPointEnd = entity; 

    vm.save = function() { 
     vm.shipmentOffer.date = new Date(); 
     TransitPoint.save(vm.transitPointStart); 
     TransitPoint.save(vm.transitPointEnd); 
     ShipmentOffer.save(vm.shipmentOffer); 
     $uibModalInstance.close(); 
     vm.isSaving = false; 
    } 

    vm.clear = function() { 
     $uibModalInstance.dismiss('cancel'); 
    }; 
    } 
})(); 

Answer 1

Sie sind das gleiche Objekt in zwei Referenzen mit:

vm.transitPointStart = entity; 
vm.transitPointEnd = entity; 

vielleicht müssen Sie Erstelle eine Kl um verschiedene Objekte in Ihren Referenzen zu haben (es hängt von Ihren Anforderungen ab):

vm.transitPointStart = Object.assign({}, entity); 
vm.transitPointEnd = Object.assign({}, entity);