routerlink 第二个参数得到“未定义”而不是它的值

问题描述

我想要在输入栏中书写的功能，当我按下按钮时，我希望它传递给我：“../search/”。 但我得到了“../search/undefined”。

这是代码：

<input type="text" placeholder="Search" ng-model="searchedValue">

和：

<button [routerLink]="['/search',searchedValue]" routerLinkActive="is-active">search</button> 

我做错了什么？

解决方法

也许你需要检查

[(ngModel)]='searchedValue'

,

ng-model 绑定来自 AngularJS。在 Angular2+ 中，您需要绑定到 ngModel。您还可以使用双向绑定在控制器和模板之间进行来回通信。试试下面的

<input type="text" placeholder="Search" [(ngModel)]="searchedValue">

,

好吧，在第 1000 次谷歌搜索之后，我发现这个问题之前已经有人回答过，在这里：

How to pass input value as parameter to router in Angular