Myujth

I've a constant array of orders like this in constants.ts file

 export const ORDERS = [
 
 'id': 'PROCESSING',
 'displayName': null
 ,
 
 'id': 'SHIPPED',
 'displayName': null
 
 ];

Here in my component I'm setting the value of 'displayName'

import ORDERS from './constants';
-----------------
--------------
setOrders() 
 ORDERS.forEach((order: any) => 

 if(order.id === 'PROCESSING') 
 order.displayName = 'Processing';
 

 if(order.id === 'SHIPPED') 
 order.displayName = 'Shipped';
 

 );
 

But here when I try to get values of 'displayName' in another funtion it return null, but in the object order I can see the value of 'displayName'

getOrders() 
 ORDERS.forEach((order: any) => 
 console.log(order); // displayName exists in the object
 console.log(order.displayName); // But here null
 );
 

Both functions are in a same component. Please help me how to resolve this thanks.

Update : Full implementation

getTimePeriod() 
 return Promise.resolve((() => 

 this.orderService.getTimePeriod()
 .subscribe(
 (data) => 
 this.orderStatusList = data.configParameters;
 this.orderStatusList.forEach(
 (s: any) => 
 if (s.status === 'PROCESSING') this.setOrders(s.status, s.name); 

 if (s.status === 'SHIPPED') this.setOrders((s.status, s.name); 
 
 );
 ,
 error => 
 this.errorMessage = this.orderService.handleError(error);
 
 );
 )());
 

 setOrders(status, name) 
 ORDERS.forEach((order: any) => 
 if (order.id === status) 
 order.displayName = name;
 
 );
 

 getOrders() 
 return Promise.resolve((() => 

 ORDERS.forEach((order: any) => 
 const displayName = order;

 console.log(order); // displayName exists in order
 console.log(displayName); // Null

 this.orderService.getOrdersByDisplayName(buildQuery(null, displayName, null, null))
 .subscribe(
 (data) => 
 this.ordersWidgetInfo.push(

 ...order,
 ...data,
 number: data.orders && data.orders.length,
 );
 ,
 error => 
 console.log(`error for $orderType : $error`);
 
 );
 
 );
 )());
 

The only way a bug like this would occur (other than the code being wrong) is with an invalid order of execution.

However, after trying your code, it seems to works just fine. See example on JSFiddle.

This leads me to conclude that your problem is most likely that getOrders is being invoked before setOrders, thus the null values. To fix this, make sure you are calling setOrders before you call getOrders.