当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript NgRedux.select方法代码示例

本文整理汇总了TypeScript中ng2-redux.NgRedux.select方法的典型用法代码示例。如果您正苦于以下问题:TypeScript NgRedux.select方法的具体用法?TypeScript NgRedux.select怎么用?TypeScript NgRedux.select使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在ng2-redux.NgRedux的用法示例。


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

示例1: constructor

 constructor(
     ngRedux: NgRedux<IAppState>,
     bankService: BankService // instantiating service because its not by bootstrap()!
 ) {
     this.pot$ = ngRedux.select(n => n.bank.get('pot'));
     this.bank$ = ngRedux.select(n => n.bank.get('bank'));
 }
开发者ID:asiam9,项目名称:angularattack2016-dices-game,代码行数:7,代码来源:bank.ts

示例2: ngOnInit

    ngOnInit() {
        this.needMapSubscription = this.ngRedux
            .select<any>(state => state.needMap)
            .subscribe(needMap => {
                // console.log('PeoplePanel.needMap', needMap);
                this.needMap = needMap;
            });

        this.personMapSubscription = this.ngRedux
            .select<any>(state => state.personMap)
            .subscribe(personMap => {
                // console.log('PeoplePanel.personMap', personMap);
                this.personMap = personMap;
            });

        this.matchedPeopleSubscription = this.ngRedux
            .select<number[]>(state => state.matchedPeople)
            .subscribe(matchedPeople => {
                // console.log('PeoplePanel.matchedPeople', matchedPeople);
                this.matchedPeople = matchedPeople;
            });

        this.selectedNeedSubscription = this.ngRedux
            .select<number>(state => state.selectedNeedId)
            .subscribe(selectedNeedId => {
                // console.log('PeoplePanel.selectedNeedId', selectedNeedId);
                this.selectedNeedId = selectedNeedId;
                this.handleNeedSelected(selectedNeedId);
            });
    }
开发者ID:jbhg,项目名称:staffer,代码行数:30,代码来源:people-panel.component.ts

示例3: ngOnInit

  ngOnInit(): void {

    this.ngRedux
      .select(state => state.core.message)
      .subscribe(message => this.message = message);

    this.ngRedux
      .select(state => state.core.errors)
      .subscribe(errors => this.errors = errors);
  }
开发者ID:echo-anna,项目名称:SoftUni,代码行数:10,代码来源:message.handler.component.ts

示例4: activityConnector

  activityConnector() {
    this.activities$ = this.ngRedux.select(['eventData', 'items'])
    .map((activity:Map<string, any>) => {
      var b = activity.filter((activity:Map<string, any>) => {
        return this.shouldInclude(activity);
      })
      .toList()
      .toJS()
      console.log(b);
      return activity.filter((activity:Map<string, any>) => {
        return this.shouldInclude(activity);
      })
      .toList()
      .toJS()
      .sort((a, b) => {
        return moment(a.startDate.iso) > moment(b.startDate.iso);
      })
    })

    this.activitiesSub$ = this.activities$.subscribe((x) => {
      this.zone.run(() => {
        console.log('Search Update');
      })
    });

  }
开发者ID:hack4change,项目名称:hambasafe-client,代码行数:26,代码来源:activity-list.ts

示例5: ngOnInit

 ngOnInit() {
   // this.navCtrl.setRoot(HomePage);
   this.authStatus$ =  this.ngRedux.select(['currentUser', 'status'])
   this.authStatusSub$ = this.authStatus$.subscribe((userStatus) => {
     console.log('User Status');
     console.log(userStatus);
     switch(userStatus) {
       case 'AUTHENTICATED':
         console.log('AUTHENTICATED');
         if(!!this.loadingPopup){
         this.loadingPopup.dismiss();
       }
       this.navCtrl.setRoot(HomePage);
       this.ngRedux.dispatch(this.userActions.subscribeToUser());
         // this.navCtrl.setRoot(HomePage).catch(err=>{
         //   console.log(err);
         // });
       break;
       // case 'ATTEMPTING':
       //   break;
       case 'ERROR':
         if(!!this.loadingPopup){
         this.loadingPopup.dismiss();
       }
       break;
       default:
         console.log('Unhandled authentication status');
     }
   })
 }
开发者ID:hack4change,项目名称:hambasafe-client,代码行数:30,代码来源:landing.ts

示例6: ngOnInit

 ngOnInit() {
   this.counter$ = this.ngRedux
     .select(n => n.counter.get('count'));
     
   this.ngRedux.mapDispatchToTarget(CounterActions)(this);
   
 }
开发者ID:e-schultz,项目名称:angular2-redux-example,代码行数:7,代码来源:counter-page.ts

示例7: constructor

  constructor(
    private ngRedux: NgRedux<IAppState>,
    applicationRef: ApplicationRef,
    private sessionActions: SessionActions) {

    const session$: Observable<Map<string, any>>
      = ngRedux.select<Map<string, any>>('session');

    this.hasError$ = session$.map(s => !!s.get('hasError'));
    this.isLoading$ = session$.map(s => !!s.get('isLoading'));
    this.loggedIn$ = session$.map(s => !!s.get('token'));
    this.loggedOut$ = this.loggedIn$.map(loggedIn => !loggedIn);

    this.userName$ = session$.map(s => {
        return [
          s.getIn(['user', 'firstName'], ''),
          s.getIn(['user', 'lastName'], '')
         ].join(' ');
      });

    ngRedux.mapDispatchToTarget((dispatch) => {
      return {
        login: (credentials) => dispatch(
          this.sessionActions.loginUser(credentials)),
        logout: () => dispatch(
          this.sessionActions.logoutUser())
      };
    })(this);

    this.unsubscribe = ngRedux.subscribe(() => {
      applicationRef.tick();
    });
  }
开发者ID:lokeshjain2008,项目名称:angular2-redux-starter,代码行数:33,代码来源:sample-app.ts

示例8: ngOnInit

 ngOnInit() {
   
   this.selector = this.ngRedux
     .select(state => state.session, is)
     .subscribe(n => { 
       this.session = n;
       this.isLoggedIn = n.get('token', false);
     });
 
   this.ngRedux.mapDispatchToTarget(this.mapDispatchToThis)(this);
   
 }
开发者ID:e-schultz,项目名称:angular2-redux-example,代码行数:12,代码来源:sample-app.ts

示例9: ngOnInit

  ngOnInit() {
    
    let filterTodos = (val: boolean) => (item: Todo) => item.completed === val;

    this.hideCompleted$ = this.ngRedux.select(state => {
      
      return !state.filter.showCompleted;
    });

    this.todos$ = this.ngRedux
      .select(n => n.todos);

    this.completedTodos$ = this.todos$
      .map(todos => todos.filter(filterTodos(true)));

    this.incompleteTodos$ = this.todos$
      .map(todos => todos.filter(filterTodos(false)));

    this.total$ = this.todos$.pluck('length');
    this.completed$ = this.completedTodos$.pluck('length');

    this.filteredTodos$ = this.todos$
      .combineLatest(this.hideCompleted$, (todos, filter) => {
        return todos.filter(n => filterTodos(false)(n) || filter === false);
      });

    this.ngRedux.mapDispatchToTarget({
      completeTodo,
      editTodo,
      deleteTodo,
      filterCompleted,
      completeAll,
      clearCompleted,
      addTodo
    })(this);

  }
开发者ID:e-schultz,项目名称:angular2-redux-example,代码行数:37,代码来源:todo-page.ts

示例10: constructor

    constructor(ngRedux: NgRedux<IAppState>) {
        ngRedux.select(n => n.dices.get('status'))
            .subscribe((status:any) => {

            switch (status) {
                case 'WIN':
                {
                    this.cssClass = 'win';
                    this.status = 'Awww.. You WIN! Type next DICE!';
                    break;
                }
                case 'LOST':
                {
                    this.cssClass = 'lost';
                    this.status = `Sorry, not this time.. You've lost $100. Don't give up! Try again!`;
                    break;
                }
                case 'WAITING':
                {
                    this.cssClass = 'info';
                    this.status = 'Waiting for draw results...';
                    break;
                }
                case 'MISSED':
                {
                    this.cssClass = 'info';
                    this.status = 'Latest round missed. Keep on gambling - select Your lucky DICE!';
                    break;
                }
                case 'SELECTED':
                {
                    this.cssClass = 'info';
                    this.status = 'Selected dice. Confirm Your type by pressing the BET button.';
                    break;
                }
                case 'WAITING_FOR_NEXT_ROUND': {
                    this.cssClass = 'info';
                    this.status = 'Waiting for the next round (maximum waiting time: 10s).';
                    break;
                }
                default:
                {
                    this.cssClass = '';
                    this.status = '';
                }
            }
        });
    }
开发者ID:asiam9,项目名称:angularattack2016-dices-game,代码行数:48,代码来源:winloose-bar.ts


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