代码之家 › 专栏 › 技术社区 › Anil Khatour

如何使用form post方法将参数从简单的html页面传递到另一个角度页面?

typescript angular html

1

Anil Khatour · 技术社区 · 7 年前

<form action="localhost:4200/homePage" name="goToAngular" method="post">
<input type="text" name="employeeID" value="" id="apiUrl" id="employeeID"/>
<input type="submit" value="go"/>
</form>

this.route.queryParams.subscribe((params: Params) => 
this.empID = params['employeeID'];
}

1 回复 | 直到 7 年前

1

Sarthak Aggarwal 7 年前

基本上你想从 第1页 component 到 第2页 和 route 在表格提交时以角向该组件发送。

你应该利用 (ngSubmit) 可用指令 Angular

第1页。组件.html

<form (ngSubmit)="formSubmit()">
<input type="text" name="employeeID" value="" id="apiUrl" id="employeeID" [(ngModel)]="empId" />
<button type="submit">Submit</button>
</form>

empId = "";

constructor(private router : Router) {} 

formSubmit(){
  this.router.navigate(['/home',{queryParameter : {employeeId : this.empId}}])
}

<div>{{employeeId}}</div>

employeeId : String

constructor(private route : ActivatedRoute) {} 

ngOnInit(){
 this.route.queryParamters.subscribe(data=>{
   this.employeeId = data['employeeId']
 })
}

您还需要在应用程序中定义路由。退房官员 docs 更多信息。