[ Web Proxy ]
URL:
Viewing: https://raw.githubusercontent.com/universal-model/universal-model-angular/master/docs/API.md [Back]  [Original]

# API Documentation ## Common API (Angular/React/Svelte/Vue) ### createSubState export default function createSubState( initialState: T & AllowedInitialStateProperties ): SubState Creates a sub state object from initial state object.
This function adds a readonly \_\_isSubState\_\_ property to the initial state object.
Initial state may not contain key __isSubState\__, if it contains, an error will be thrown.
Initial state must be an object with following property value types allowed: number, boolean, string, undefined, null, Function, object, Array, Map, Set, WeakMap, WeakSet ### combineSelectors combineSelectors( selectorsObject1: Selectors, ... selectorsObject2: Selectors ): Selectors & ... Selectors; combines objects of selectors to a single object containing all selectors
It also checks for duplicate selector keys and throws an error if a duplicate key is found.
### createStore createStore( initialState: T, selectors: Selectors ): Store creates a store containing initialState and selectors ### Store::getState class Store { getState(): ReactiveState } gets state from the store ### Store::getSelectors class Store { getSelectors(): ComputedSelectors } gets selectors from the store ### Store::getStateAndSelectors class Store { getStateAndSelectors(): [ReactiveState, ComputedSelectors] } gets state and selectors from the store ## Angular specific API ### Store::useState useState any>( componentInstance: InstanceType, subStateOrStateGetterMap: { [key: string]: SubState | StateGetter } ): void makes given Angular component instance to use sub-state(s) or state getters given in subStateOrStateGetterMap and makes changes to given sub-state(s) and state getter(s) to update the view.
**Note!** If you call only getState() and forget to call useState(), your view won't be reactive and does not update. ### Store::useSelectors useSelectors any>( componentInstance: InstanceType, selectorMap: { [key: string]: ComputedRef } ): void makes given Angular component instance to use selectors given in selectorMap and makes changes to given selectors to update the view.
**Note!** If you call only getSelectors() and forget to call useSelectors(), your view won't be reactive and does not update. ### Store::useStateAndSelectors useStateAndSelectors any>( componentInstance: InstanceType, subStateOrStateGetterMap: { [key: string]: SubState | StateGetter }, selectorMap: { [key: string]: ComputedRef } ): void makes given Angular component instance to use sub-state(s), state getters and selectors given in subStateOrStateGetterMap and selectorMap and makes changes to given sub-state(s), or state getter(s) and selectors to update the view.
**Note!** If you call only getStateAndSelectors() and forget to call useStateAndSelectors(), your view won't be reactive and does not update.
Web Proxy Viewer  |  New URL  |  Original Page