如何使用angular2将输入值传递到不同的路由？

所以我有两个组件，HomePageComponent和StudentsViewComponent。在HomePageComponent中，我有一个输入标记：

---

搜索首先，routerlink指令与按钮类型有问题，正如我在github上最后看到的第二件事，您使用元素引用将值传递给routerlink指令使用正式的模型绑定方式routerlink可能是其中之一导致了问题。 试试这个

 <input type="text" [(ngModel)]="route" class="modules" placeholder="Career Objective ( software engineer)">
 <button class="submit" routerLinkActive="active" [routerLink]="['/students', route]">Search</button>

---

别忘了注入路由器

首先，routerlink指令与按钮类型有问题，正如我在github上最后看到的第二件事，您使用元素引用将值传递给router link指令使用正式的模型绑定方式routerlink可能是其中之一导致了问题。 试试这个

 <input type="text" [(ngModel)]="route" class="modules" placeholder="Career Objective ( software engineer)">
 <button class="submit" routerLinkActive="active" [routerLink]="['/students', route]">Search</button>

---

别忘了注入路由器

您提供的代码示例没有问题。我复制了你的例子，效果很好。。。尝试使用Selectval:string{this.router.navigate['/ad/'+val]；}更改组件的路由以查找问题重定向后在url中看到查询了吗？当它重定向时，没有错误，但查询是空的，就像@BabarBilalThanks一样，您的解决方案可以工作，但我完全不明白为什么您的解决方案可以工作。为什么我的方式行不通？您可以提供完整的答案，以便我可以接受您的解决方案@BRIVVIRSHERE提供的代码示例没有问题。我复制了你的例子，效果很好。。。尝试使用Selectval:string{this.router.navigate['/ad/'+val]；}更改组件的路由以查找问题重定向后在url中看到查询了吗？当它重定向时，没有错误，但查询是空的，就像@BabarBilalThanks一样，您的解决方案可以工作，但我完全不明白为什么您的解决方案可以工作。为什么我的方式行不通？您可以提供完整的答案，以便我可以接受您的解决方案@布里维尔斯

navigate(){
 this.router.navigate(["students", this.route]);
}