本文整理匯總了TypeScript中ng2-redux.NgRedux類的典型用法代碼示例。如果您正苦於以下問題：TypeScript NgRedux類的具體用法？TypeScript NgRedux怎麽用？TypeScript NgRedux使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了NgRedux類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: 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();
});
}示例2: 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'));
}示例3: constructor
constructor(
ngRedux: NgRedux<AppState>,
applicationRef: ApplicationRef) {
this.ngRedux = ngRedux;
ngRedux.mapDispatchToTarget((dispatch) => {
return {
setTitle: (title) => dispatch(setTitle(title))
};
})(this);
this.unsubscribe = ngRedux.subscribe(() => {
applicationRef.tick();
});
}示例4: ngOnInit
ngOnInit() {
this.counter$ = this.ngRedux
.select(n => n.counter.get('count'));
this.ngRedux.mapDispatchToTarget(CounterActions)(this);
}示例5: 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);
});
}示例6: updateQueryParams
updateQueryParams() {
this.router.navigate(['search'], {
queryParams: {
term: this.ngRedux.getState().search.get('term'),
page: this.ngRedux.getState().search.get('page'),
}
});
}示例7: extractUser
extractUser(res: Response): IUser{
let user = res.json().data;
let state = this.store.getState();
let url = state.lastVisitedUrl;
this.store.dispatch(updateUser(user));
this.router.navigate([url]);
return user;
}示例8: 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);
}示例9: 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);
}示例10: moment
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');
})
});
}