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
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
where is note set?
– Suraj Rao
22 hours ago
It is in the product.model.ts. (Product class)
– Mark
15 hours ago