本文整理汇总了TypeScript中ng2-redux.NgRedux.mapDispatchToTarget方法的典型用法代码示例。如果您正苦于以下问题:TypeScript NgRedux.mapDispatchToTarget方法的具体用法?TypeScript NgRedux.mapDispatchToTarget怎么用?TypeScript NgRedux.mapDispatchToTarget使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类ng2-redux.NgRedux
的用法示例。
在下文中一共展示了NgRedux.mapDispatchToTarget方法的8个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的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: ngOnInit
ngOnInit() {
this.counter$ = this.ngRedux
.select(n => n.counter.get('count'));
this.ngRedux.mapDispatchToTarget(CounterActions)(this);
}
示例3: 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);
}
示例4: 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();
});
}
示例5: constructor
constructor(
ngRedux: NgRedux<IAppState>,
applicationRef: ApplicationRef
) {
this.sampleData$ = ngRedux.select(n => n.sampleReducer.get('sampleData'));
ngRedux.mapDispatchToTarget((dispatch) => {
return {
foo: () => dispatch({
type: 'App/FOO',
payload: 'FOO'
})
}
})(this);
this.unsubscribe = ngRedux.subscribe(() => {
applicationRef.tick();
});
}
示例6: constructor
constructor(
ngRedux: NgRedux<AppState>,
applicationRef: ApplicationRef) {
const app$ = ngRedux.select<Map<string, any>>('app');
this.ngRedux = ngRedux;
this.title$ = app$.map(s => s.get('title'));
ngRedux.mapDispatchToTarget((dispatch) => {
return {
changeRoute: (path) => dispatch(changeRoute(path))
};
})(this);
this.unsubscribe = ngRedux.subscribe(() => {
applicationRef.tick();
});
}
示例7: constructor
constructor(
ngRedux: NgRedux<AppState>,
applicationRef: ApplicationRef) {
const user$ = ngRedux.select<Map<string, any>>('user');
this.ngRedux = ngRedux;
this.users$ = user$.map(s => s.get('users'));
this.getAllPending$ = user$.map(s => s.get('getAllPending'));
this.getAllError$ = user$.map(s => s.get('getAllError'));
ngRedux.mapDispatchToTarget((dispatch) => {
return {
getUsers: (id) => dispatch(getUsers(id))
};
})(this);
this.unsubscribe = ngRedux.subscribe(() => {
applicationRef.tick();
});
}
示例8: 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);
}