How to add an item to an array to show in lightning component?

Question

I have an attibute <aura:attribute name="projectResources" type="Contact[]" /> and iterate it by <aura:iteration>. When user clicks a button I want to add a new element to the array. When I use projectResources.push(selectedResource); it adds the element as a Proxy and do not apply the element inside of <aura:iteration>. To workaround I use projectResources = JSON.parse(JSON.stringify(projectResources));. Example:

var projectResources = component.get("v.projectResources");

// Workaround to extract array from Proxy.
projectResources = JSON.parse(JSON.stringify(projectResources));        

projectResources.push(newResource);
component.set("v.projectResources", projectResources);

I don't like this JSON.parse(JSON.stringify()) approach. Is there any better way?

Answer 1

({
loop : function(component, event, helper) {
 var spaceList = component.get("v.spaceTypeList");
var detail = component.get("v.detailRecord");
var newlst =[];
 for(i in spaceList){
    console.log(i);
    var space = spaceList[i];
    var detailtemp = {};
    detailtemp = detail;
    detailtemp.Name = space;
 console.log("detail space subset "+detailtemp.Name);
    newlst.push(detailtemp);
    console.log("value after iteration"+i+JSON.stringify(newlst));
  }
component.set("v.acclst",newlst);