JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
   
    <div ng-repeat="p in products">
        <span ng-click="overwrite(p)">{{ p.id }}: {{ p.name }}</span>
    </div>
    
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
   
    var products = [{id:1, name:'first'}, {id:2, name:'second'}];
    $scope.products = products;
    
    var prod = {id: 3, name:'third'};
    
    $scope.overwrite = function(p){
        p.id = 4;
        p.name = 'forth';
        //angular.copy(prod, p);
        //p = prod; // this doesn't work
    }
}