Angular @ngrx/store dispatch method concatenates an object property with itself

Multi tool use
up vote
0
down vote
favorite
The app is written using Ionic. I have a shopping cart where i'm adding products. The product is an object with a note and quantity property. After i use the this.store.dispatch(new PushProductAction( product ));
the note property is concatenated with itself, i.e. i'm adding 3 products to cart with a note 'cold', in the cart this product will have the note property equal to 'coldcoldcold'.
app-state.ts
export class AppState
categories: Category;
shopcart: ShopCart;
profile: Profile;
userdata: UserData;
product-info.ts
constructor(
private events: Events,
public store: Store<AppState>,
}
pushToCart(product: Product)
product.quantity = product.quantity ? ++product.quantity : 1;
product.withHalf = this.halfProductStatus;
this.store.dispatch(new PushProductAction( product ));
After the product is added :
goToConfirm(event, desktop = false)
event.preventDefault();
event.stopPropagation();
jQuery.fancybox.close();
jQuery('.fancybox-close-small').trigger('click');
for (let index = 0; index < this.count; index++)
this.pushToCart(this.product);
this.fixDesign.CreateToast('Product has been added to cart successfuly', 'successToast');
actions.ts
export class PushProductAction implements Action
readonly type = ActionTypes.PUSH_CART;
constructor(public payload: product: Product; half?: boolean )
console.log('PushProductAction');
P.S. I'm a beginner in angular, if you need more code snippets please let me know.
javascript angular ionic-framework angular5 ngrx-store
add a comment |
up vote
0
down vote
favorite
The app is written using Ionic. I have a shopping cart where i'm adding products. The product is an object with a note and quantity property. After i use the this.store.dispatch(new PushProductAction( product ));
the note property is concatenated with itself, i.e. i'm adding 3 products to cart with a note 'cold', in the cart this product will have the note property equal to 'coldcoldcold'.
app-state.ts
export class AppState
categories: Category;
shopcart: ShopCart;
profile: Profile;
userdata: UserData;
product-info.ts
constructor(
private events: Events,
public store: Store<AppState>,
}
pushToCart(product: Product)
product.quantity = product.quantity ? ++product.quantity : 1;
product.withHalf = this.halfProductStatus;
this.store.dispatch(new PushProductAction( product ));
After the product is added :
goToConfirm(event, desktop = false)
event.preventDefault();
event.stopPropagation();
jQuery.fancybox.close();
jQuery('.fancybox-close-small').trigger('click');
for (let index = 0; index < this.count; index++)
this.pushToCart(this.product);
this.fixDesign.CreateToast('Product has been added to cart successfuly', 'successToast');
actions.ts
export class PushProductAction implements Action
readonly type = ActionTypes.PUSH_CART;
constructor(public payload: product: Product; half?: boolean )
console.log('PushProductAction');
P.S. I'm a beginner in angular, if you need more code snippets please let me know.
javascript angular ionic-framework angular5 ngrx-store
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
The app is written using Ionic. I have a shopping cart where i'm adding products. The product is an object with a note and quantity property. After i use the this.store.dispatch(new PushProductAction( product ));
the note property is concatenated with itself, i.e. i'm adding 3 products to cart with a note 'cold', in the cart this product will have the note property equal to 'coldcoldcold'.
app-state.ts
export class AppState
categories: Category;
shopcart: ShopCart;
profile: Profile;
userdata: UserData;
product-info.ts
constructor(
private events: Events,
public store: Store<AppState>,
}
pushToCart(product: Product)
product.quantity = product.quantity ? ++product.quantity : 1;
product.withHalf = this.halfProductStatus;
this.store.dispatch(new PushProductAction( product ));
After the product is added :
goToConfirm(event, desktop = false)
event.preventDefault();
event.stopPropagation();
jQuery.fancybox.close();
jQuery('.fancybox-close-small').trigger('click');
for (let index = 0; index < this.count; index++)
this.pushToCart(this.product);
this.fixDesign.CreateToast('Product has been added to cart successfuly', 'successToast');
actions.ts
export class PushProductAction implements Action
readonly type = ActionTypes.PUSH_CART;
constructor(public payload: product: Product; half?: boolean )
console.log('PushProductAction');
P.S. I'm a beginner in angular, if you need more code snippets please let me know.
javascript angular ionic-framework angular5 ngrx-store
The app is written using Ionic. I have a shopping cart where i'm adding products. The product is an object with a note and quantity property. After i use the this.store.dispatch(new PushProductAction( product ));
the note property is concatenated with itself, i.e. i'm adding 3 products to cart with a note 'cold', in the cart this product will have the note property equal to 'coldcoldcold'.
app-state.ts
export class AppState
categories: Category;
shopcart: ShopCart;
profile: Profile;
userdata: UserData;
product-info.ts
constructor(
private events: Events,
public store: Store<AppState>,
}
pushToCart(product: Product)
product.quantity = product.quantity ? ++product.quantity : 1;
product.withHalf = this.halfProductStatus;
this.store.dispatch(new PushProductAction( product ));
After the product is added :
goToConfirm(event, desktop = false)
event.preventDefault();
event.stopPropagation();
jQuery.fancybox.close();
jQuery('.fancybox-close-small').trigger('click');
for (let index = 0; index < this.count; index++)
this.pushToCart(this.product);
this.fixDesign.CreateToast('Product has been added to cart successfuly', 'successToast');
actions.ts
export class PushProductAction implements Action
readonly type = ActionTypes.PUSH_CART;
constructor(public payload: product: Product; half?: boolean )
console.log('PushProductAction');
P.S. I'm a beginner in angular, if you need more code snippets please let me know.
javascript angular ionic-framework angular5 ngrx-store
javascript angular ionic-framework angular5 ngrx-store
asked 23 hours ago
Mark
317
317
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago
add a comment |
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago
where is note set?
– Suraj Rao
22 hours ago
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53222219%2fangular-ngrx-store-dispatch-method-concatenates-an-object-property-with-itself%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
qUpng5Q 9bi5 FHUdGKES9a3 fD1,y,1JDIzU,u5vJnU1WisFDev0hch,hop5iF AhQ7s8ulL5RxuEiFf,Gk9Ms,qnA8kRF5
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago