要将选择框的选定值传递给组件的ngSubmit函数,可以使用[(ngModel)]指令来双向绑定选择框的值,并在ngSubmit函数中访问该值。以下是一个示例:
在组件的HTML模板中,添加一个选择框和一个表单,并使用ngModel指令将选择框的值绑定到一个组件变量selectedValue上:
在组件的typescript文件中,添加一个onSubmit函数来处理表单的提交,并在该函数中访问选择框的选定值:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
selectedValue: string;
onSubmit() {
console.log(this.selectedValue);
}
}
在上面的示例中,当用户选择一个选项并点击Submit按钮时,onSubmit函数将打印选择框的选定值到控制台。你可以在onSubmit函数中执行其他操作,例如将选定值发送到服务器。