Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/crutchcorn/multi-framework-redux. A demo of Redux powering a React, Angular, and Vue multi-framewor crutchcorn.github.io/multi-framework-redux
Something went wrong. Try again.
668 B · 28 lines
TypeScript
at main
1234567891011121314151617181920212223242526272829import {Component} from "@angular/core";import {injectSelector, injectDispatch} from "@reduxjs/angular-redux";import {RootState} from "../store";import {addToCart} from "../store/cart-slice.ts";import {v4} from "uuid";
@Component({ selector: 'app-angular-body', standalone: true, template: ` <p>Hello from Angular {{cart().length}}!</p> <button (click)="add()">Add one</button> `,})export class AngularAppComponent { cart = injectSelector((store: RootState) => store.cart.value);
dispatch = injectDispatch();
add() { this.dispatch(addToCart({ id: v4(), price: 10, name: "Some good", quantity: 1 })) }}