在Angular 8中使用Redux返回一个效果中的两个动作,可以通过以下步骤实现:
在上述代码中,我们首先在根模块中配置了Redux store,并创建了一个reducer来处理动作。然后,在组件中使用@select
装饰器来选择Redux store中的状态,并通过async
管道将其绑定到模板中进行显示。
对于这个问题中的两个动作,我们可以在组件中分别调用Redux store的dispatch
方法来触发它们:
import { Component } from '@angular/core';
import { NgRedux } from '@angular-redux/store';
@Component({
selector: 'app-my-component',
template: `
<button (click)="dispatchAction1()">触发动作1</button>
<button (click)="dispatchAction2()">触发动作2</button>
`
})
export class MyComponent {
constructor(private ngRedux: NgRedux<any>) {}
dispatchAction1() {
this.ngRedux.dispatch({ type: 'ACTION_1', payload: '动作1的数据' });
}
dispatchAction2() {
this.ngRedux.dispatch({ type: 'ACTION_2', payload: '动作2的数据' });
}
}
这样,当点击"触发动作1"按钮时,会触发ACTION_1
动作,并将数据传递给Redux store。同样地,点击"触发动作2"按钮时,会触发ACTION_2
动作,并将数据传递给Redux store。
这是在Angular 8中使用Redux返回一个效果中的两个动作的完整实现。关于Redux的更多信息和用法,请参考腾讯云相关产品和产品介绍链接地址。
领取专属 10元无门槛券
手把手带您无忧上云