TypeScript store.StateContext类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@ngxs/store.StateContext类的典型用法代码示例。如果您正苦于以下问题：TypeScript StateContext类的具体用法？TypeScript StateContext怎么用？TypeScript StateContext使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了StateContext类的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: updateSelectedStorage

 @Action(BrowseStoragesSelectStorage)
 updateSelectedStorage(ctx: StateContext<BrowseStoragesStateModel>, {payload}: BrowseStoragesSelectStorage) {
     ctx.patchState({
         ...ctx.getState(),
         selectedStorage: payload
     });
 }

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:7，代码来源:browse-storages.state.model.ts

示例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;
   }
 }

开发者ID:chgc，项目名称:stream-tools，代码行数:31，代码来源:source.state.ts

示例3: 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;
   }
 }

开发者ID:chgc，项目名称:stream-tools，代码行数:26，代码来源:source.state.ts

示例4: toggleStorageSearchInput

 @Action(BrowseStoragesToggleStoragesSearchInput)
 toggleStorageSearchInput(ctx: StateContext<BrowseStoragesStateModel>) {
     ctx.patchState({
         ...ctx.getState(),
         showStoragesSearch: !ctx.getState().showStoragesSearch
     });
 }

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:7，代码来源:browse-storages.state.model.ts

示例5: gettDisplayUrl

 @Action(SetDisplayUrl)
 gettDisplayUrl(ctx: StateContext<CaptionPanelModel>, action: SetDisplayUrl) {
   const currentState = ctx.getState();
   ctx.setState({
     ...currentState,
     displayUrl: `${location.origin}/main/caption/display/${currentState.uid}`
   });
 }

开发者ID:chgc，项目名称:stream-tools，代码行数:8，代码来源:environment.state.ts

示例6: 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(['/']));
     }
 }

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:9，代码来源:session.state.ts

示例7: deleteStorage

 @Action(BrowseStoragesDeleteStorage)
 deleteStorage(ctx: StateContext<BrowseStoragesStateModel>, {id}: BrowseStoragesDeleteStorage) {
     ctx.patchState({
         ...ctx.getState(),
         storages: [
             ...ctx.getState().storages.filter((s) => s.id !== id)
         ]
     });
 }

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:9，代码来源:browse-storages.state.model.ts

示例8: addStorage

 @Action(BrowseStoragesAddStorage)
 addStorage(ctx: StateContext<BrowseStoragesStateModel>, {storage}: BrowseStoragesAddStorage) {
     ctx.patchState({
         ...ctx.getState(),
         storages: [
             ...ctx.getState().storages,
             storage
         ].sort((a, b) => a.id.toLocaleLowerCase().localeCompare(b.id.toLocaleLowerCase()))
     });
 }

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:10，代码来源:browse-storages.state.model.ts

示例9: 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
    });
  }

开发者ID:Talalaev，项目名称:momonga，代码行数:10，代码来源:purchase.state.ts

示例10: tap

 tap((storages: StorageEntity[]) => {
     const state = ctx.getState();
     ctx.patchState({
         ...state,
         storages: storages,
         loadingStorages: false,
     });
 })

开发者ID:strongbox，项目名称:strongbox-web-ui，代码行数:8，代码来源:browse-storages.state.model.ts

注：本文中的@ngxs/store.StateContext类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。