角度表单和路由

Question

我有一个简单的表单，它基本上是一个搜索字段，用户输入参数并将其重定向到适当的页面。

我想在形式参数来传递以类似的方式（玉）：

 form(name='searchForm', ng-href='#/item/{{ctrl.search}}') 
     input(type='text', ng-model='ctrl.search') 

基本上，我只是希望路由当用户按下Enter键更改为#/item/argument在已经输入后搜索字段。

我该如何做到这一点？

非常感谢

Answer 1

在猜测我想你可以设置窗体上的action属性 - 这是何等的HTML表单传统的数据发送到一个URL。

但是，我通常会在表单元素上添加一个处理程序来代替ng-submit指令。在处理程序中，你将有这样的事情（记得要$location服务添加到您的控制器）：

HTML

form(ng-submit="ctrl.onSubmit($event)") 

JS（控制器）

this.onSubmit = function (e) { 
    e.preventDefault(); 
    $location.url('item/' + this.search); 
} 

Answer 2

Here's a Plunker

首先你需要一个动态路线，如

.when('/results/:item', 

您搜索与参数

$scope.doSearch = function() { 
    $location.path('results/' + $scope.search); 
} 

沿着基本上改变了位置，然后拿起那routeParams并作出$ http.get到您的端点。

$http.get('endpoint/' + $routeParams.item)