angular.copy

by peterdrinnan

HTML

<div ng-controller="MyCtrl">
    
    <input ng-model="data.item" />
    <input ng-model="data.collection.item1" />
   
    <button ng-click="copytest()">Copy Test </button>

    <div id="results"></div>
    
    {{copy}}
    
</div>

JavaScript

var myModule = angular.module('myModule', [])
    .controller('MyCtrl', ['$scope', function ($scope) {
        
        $scope.data = {};
        
        $scope.data.item = "var1";
        $scope.data.collection = {};
        
        
 
        
        
        $scope.copytest = function () {
           
           $scope.copy = angular.copy($scope.data);
            
           console.dir($scope.copy);
            
             var div = document.querySelector('#results');
             $scope.elem = angular.element(div);
            
            $scope.elem.html('tester');
            
            
           
                              
            
        };
        

    }]);

angular.element(document).ready(function() {
  angular.bootstrap(angular.element(document).find('body'), []);
    alert('boo');
   
});