- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有一种方法可以在步进器组件的各个步骤之间共享数据?
例如,在下面的代码中,我希望以app-step1
形式填写的数据在app-step2
组件中可用。
<mat-horizontal-stepper [linear]="true" #stepper="matHorizontalStepper" >
<mat-step [stepControl]="zerpFormGroup" >
<ng-template matStepLabel>Step I</ng-template>
<app-step1 [stepper]="stepper"></app-step1>
</mat-step>
<mat-step [stepControl]="firstFormGroup" >
<ng-template matStepLabel ">Step II</ng-template><br>
<app-step2 [stepper]="stepper"></app-step2>
</mat-step>
最佳答案
使用服务来处理 Subject(或 ReplaySubject)的变化。
例如:
import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';
import { SharedData } from '@app/models/shared-data.model';
@Injectable()
export class StepperDataService {
public dataChange = new Subject<SharedData>();
setData(data: SharedData) {
this.dataChange.next(data);
}
}
在您想要更改数据的组件中,您只需调用 setData 方法即可。
export class Step1Component implements OnInit {
...
constructor(private sdService: StepperDataService) { }
...
onDataChanged() {
const data: SharedData = { data to transmit };
this.sdServices.setData(data);
}
在您想要接收数据更改的组件中,您订阅主题 dataChange。
export class Step2Component implements OnInit, OnDestroy {
private sub: Subscription;
...
constructor(private sdService: StepperDataService) { }
...
ngOnInit(): void {
this.sub = this.sdServices.dataChange
.subscribe((data: SharedData) => {
// do whatever you need with the shared data
});
}
关于angular - 如何跨步进组件的各个步骤共享数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49822337/
如果不耐烦,请跳到下面的“问题”标题。 语境 我从事Unix(如)系统管理和基础结构开发的工作,但我认为程序员最好回答我的问题:o) 我想做的是学习如何使用iozone对文件系统(普通文件,托管卷,虚
我正在做一个项目,其中使用了Visual Studio代码进行调试。我需要“踏入”,“踏出”和“踏出”之间的明显区别。我看到了vs代码调试文档,但没有与此相关的详细信息。有人知道吗? 最佳答案 介入:
) 我更新了一个“锻炼对象”,使其具有最小和最大重复次数。 当我在 Playground 上对下界进行硬编码时,我一直在使用: let numberOfExercises = Int(arc4rand
我也尝试了2解决方案。但这没有用。 转到Visual Studio中的“工具”>“选项”菜单。 转到左 Pane 中的“调试”>“常规”菜单项。 在右 View 中,您将看到和选择Step over
这就是我实例化 ImageReader 的方式。 Size[] sizes = configs.getOutputSizes(ImageFormat.YUV_420_888); mIm
我是一名优秀的程序员,十分优秀!