Angular @ngrx/store dispatch method concatenates an object property with itself
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
Nov 9 at 8:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54
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 Nov 9 at 8:32
Mark
317
317
where is note set?
– Suraj Rao
Nov 9 at 8:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54
add a comment |
where is note set?
– Suraj Rao
Nov 9 at 8:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54
where is note set?
– Suraj Rao
Nov 9 at 8:54
where is note set?
– Suraj Rao
Nov 9 at 8:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
where is note set?
– Suraj Rao
Nov 9 at 8:54
It is in the product.model.ts. (Product class)
– Mark
Nov 9 at 15:54