要在Angular中提交外部表单,您可以使用ngForm指令和一个引用表单元素的模板引用变量。下面是一个解决方法的代码示例:
在组件的模板中,使用ngForm指令包裹外部表单,并使用一个模板引用变量引用表单元素:
在组件的类中,实现submitForm方法来处理表单提交:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
submitForm(externalForm: any) {
if (externalForm.valid) {
console.log('Form is valid');
// 在这里执行表单提交的逻辑
} else {
console.log('Form is invalid');
}
}
}
在submitForm方法中,你可以根据表单的状态执行适当的操作,例如发送HTTP请求等。请注意,externalForm参数是ngForm的一个实例,您可以使用它来访问表单的状态和值。
希望这个示例能帮助到您!
上一篇:Angular提交数据的键值结构