我需要检查用户是否已选择ngFor表单,然后在提交具有新值的表单时重定向到另一个页面。
HTML:
<mat-select placeholder="Tratament" [(ngModel)]="model.TratamentA" name="TratamentA" #TratamentA (change)="onChange(TratamentA.value)"
disableRipple>
<mat-option value="Sutent (Sunitinibum) 25mg">Sutent (Sunitinibum) 25mg</mat-option>
<mat-option value="Sutent (Sunitinibum) 37.5mg">Sutent (Sunitinibum) 37.5mg</mat-option>
<mat-option value="Sutent (Sunitinibum) 50mg">Sutent (Sunitinibum) 50mg</mat-option>
</mat-select>
<div class="row">
<button mat-raised-button color="primary" type="submit" value="submit">Update Patient</button>
<button mat-raised-button color="accent" (click)="goBack()">Anulare</button>
</div>
TS
private onChange(TratamentAValue): any {
console.log(TratamentAValue);
}
onChangeSubmit(){
const CONDITION = true;
const DATA = this.onChange(this.TratamentAValue);
const ERROR = new Error(this.goBack())
const promise =
new Promise((resolve, reject) => {
// do some async stuff
this.router.navigate(['/pacient/ra', this.id]);
if (CONDITION) resolve(DATA);
else reject(ERROR);
})
updatePacient() {
this.pacService
.updatePacient(this.model)
.subscribe(() => this.onChangeSubmit());
}
model = new Pacient();
id = this.route.snapshot.params['id'];
private getSinglePacient(): any {
this.pacService
.getPacient(this.id)
.subscribe(pacient => {
this.model = pacient[0];
})
}
}
为了简短起见,我需要检查某个字段的值是否已更改,然后将用户重定向到所需的组件。它总是重定向到['/ pacient / ra',this.id]);仅当从列表中选择新的处理方式时,才需要重定向用户。提交表单后,所有这些活动都开始...