角度表單和路由

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)