在Angular 6中导航到back page时,可以通过以下步骤清除dropdowns的值:
import { FormGroup, FormControl } from '@angular/forms';
export class YourComponent {
form: FormGroup;
constructor() {
this.form = new FormGroup({
dropdownValue: new FormControl('default value')
});
}
}
<select [(ngModel)]="form.controls.dropdownValue.value">
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
<option value="value3">Value 3</option>
</select>
import { Router } from '@angular/router';
export class YourComponent {
constructor(private router: Router) {}
navigateToBackPage() {
// 清除dropdown的值
this.form.reset();
// 导航到back page
this.router.navigate(['/back-page']);
}
}
这样,在导航到back page时,dropdown的值将被重置为初始值或默认值。请注意,这里的示例中使用了Reactive Forms来处理表单,你也可以使用Template-driven Forms来实现相同的效果。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。你可以通过以下链接了解更多关于这些产品的信息:
领取专属 10元无门槛券
手把手带您无忧上云