如何创建 <input> 在按回车键时用作 link

Question

我希望能够将 query 键入 <input>，然后按回车键将用户重定向到 \query。

我知道使用 javascript 很容易做到这一点，但似乎应该有更好的 HTML 方法。

您能否建议此处的最佳做法是什么？我正在使用 Angular，所以如果实现它的最佳方法是使用 Angular，那也很好。

Answer 1

您可以在输入标签中使用 ng-keypress 指令...

HTML

<input ng-keypress="goToQueryPage($event)" ng-model="query>

控制器

$scope.goToQueryPage = function(keyEvent) {
  if (keyEvent.which === 13)
     alert('Go to ' + $scope.query);
}

这里是plunker

How to create <input> that works as a link when pressing enter