本文整理汇总了TypeScript中@ngxs/store.StateContext.setState方法的典型用法代码示例。如果您正苦于以下问题：TypeScript StateContext.setState方法的具体用法？TypeScript StateContext.setState怎么用？TypeScript StateContext.setState使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ngxs/store.StateContext的用法示例。
在下文中一共展示了StateContext.setState方法的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: processUpdateEvent
private processUpdateEvent(
ctx: StateContext<SourceModel[]>,
action: ObsDispatchEvent
) {
const state = ctx.getState();
switch (action.payload['update-type']) {
case 'SwitchScenes':
ctx.setState([...action.payload.sources]);
ctx.dispatch(new GetSourceMuteState());
break;
case 'SceneItemVisibilityChanged':
const newstate = state.map(x => {
if (x.name === action.payload['item-name']) {
x.render = action.payload['item-visible'];
}
return x;
});
ctx.setState([...newstate]);
break;
case 'SceneItemAdded':
case 'SceneItemRemoved':
case 'SourceOrderChanged':
ctx.dispatch(new GetCurrentScene());
break;
}
}示例2: receiveEvent
@Action(ObsDispatchEvent)
receiveEvent(ctx: StateContext<SourceModel[]>, action: ObsDispatchEvent) {
if (action.payload['update-type']) {
this.processUpdateEvent(ctx, action);
return;
}
const { id, actionType } = this.service.getActionType(action.payload);
const state = ctx.getState();
switch (actionType) {
case 'GetSceneList':
action.payload.scenes
.filter(s => s.name === action.payload['current-scene'])
.map(scene => ctx.setState([...scene.sources]));
ctx.dispatch(new GetSourceMuteState());
break;
case 'GetCurrentScene':
ctx.setState([...action.payload.sources]);
ctx.dispatch(new GetSourceMuteState());
break;
case 'ToggleMute':
case 'GetMute':
const sources = state.map(source => {
if (source.name === action.payload.name) {
source.muted = action.payload.muted;
}
return source;
});
ctx.setState([...sources]);
break;
}
}示例3: gettDisplayUrl
@Action(SetDisplayUrl)
gettDisplayUrl(ctx: StateContext<CaptionPanelModel>, action: SetDisplayUrl) {
const currentState = ctx.getState();
ctx.setState({
...currentState,
displayUrl: `${location.origin}/main/caption/display/${currentState.uid}`
});
}示例4: getCategories
@Action(GetCategoryAction)
async getCategories(ctx: StateContext<CategoryStateModel>, action: GetCategoryAction) {
let categories = await this.categoryService.getCategories();
ctx.setState({
categories
});
}示例5: logout
@Action(LogoutAction)
logout(ctx: StateContext<SessionStateModel>) {
if (ctx.getState().state === 'authenticated') {
ctx.setState(defaultSessionState);
localStorage.setItem('session', JSON.stringify(defaultSessionState));
this.store.dispatch(new HideSideNavAction());
this.store.dispatch(new Navigate(['/']));
}
}示例6: addPurchase
@Action(AddPurchaseAction)
async addPurchase(ctx: StateContext<PurchaseStateModel>, action: AddPurchaseAction) {
let purchase: Purchase = await this.purchaseService.add(action.purchase);
const state = ctx.getState();
ctx.setState({
...state,
purchases: [action.purchase]
});
}示例7: getPurchase
@Action(GetPurchaseAction)
async getPurchase(ctx: StateContext<PurchaseStateModel>, action: GetPurchaseAction) {
let purchases: Array<Purchase> = await this.purchaseService.getPurchase(action.date);
const state = ctx.getState();
ctx.setState({
...state,
purchases
});
}示例8: setAuthUser
@Action(SetAuthUser)
async setAuthUser(ctx: StateContext<AuthStateModel>) {
const user: any = await this.authService.getAuthUser();
const state = ctx.getState();
ctx.setState({
...state,
user,
isAuth: Boolean(user)
});
}示例9: loguot
@Action(LogoutAction)
async loguot(ctx: StateContext<AuthStateModel>) {
await this.authService.logout();
const state = ctx.getState();
ctx.setState({
...state,
user: null,
isAuth: false
});
}示例10: registration
@Action(RegistrationAction)
async registration(ctx: StateContext<AuthStateModel>, action: RegistrationAction) {
const data: {user: any, token: string} = await this.authService.registration(action.user);
const state = ctx.getState();
ctx.setState({
...state,
user: data.user,
isAuth: true
});
}