UIルータの空のパラメータのURL

Question

私はアプリケーションを簡単な角度ルータサービスからUIルータに変換しています。私は検索フィールドから来るいくつかのパラメータを持つルートを持っています。 Angularで提供されるルーターサービスでは、空の入力フィールドを検索すると、URLは別の機能のためにホームページにリダイレクトされましたが、UI-RouterではURL http://localhost:3000/#/resultPage//1に移動します。

私はパラメータで正規表現を使用しようとしましたが、動作しませんでした。私が使用していたコードは、どのように私は偶然に、任意のは、フォームのURLを省略している場合はURLがホーム・ページにリダイレクトすることを確認することができますか？

   $urlRouterProvider.otherwise('/'); 
 

 
       .state("resultpage", { 
 
        url: "/resultPage/{searchParameter:[0-9a-zA-Z]+}/{pageParameter:[0-9]}", 
 
        templateUrl: "templates/resultpage.html", 
 
        controller: "resultController", 
 

 
       })

怒鳴る言及されていますか

Answer 1

直接値の代わりに変数を渡します。 たとえば、url: "/resultPage/:paramOne/:paramTwo"、ここではparamOneおよびparamTwoは、ui-srefから渡されるパラメータです。 コントローラで、依存パラメータ注入に$stateParamsを追加して、urlパラメータを取得します。

app.controller('myCtrl', function($scope, $stateParams, $state){ 
    if(!$stateParams.paramOne || !$stateParams.paramOne){ 
     $state.go('', {}); // redirecting to '/' 
    } 
}) 

ここで、アクセスする状態のステート名を設定します。

例：

<a ui-sref="resultPage({paramOne: {searchParameter:[0-9a-zA-Z]+}, paramTwo: {pageParameter:[0-9]} })" 

Answer 2

おそらく、このユースケースのために代わりにクエリパラメータを使用する必要があります。ここでは、ドキュメントの最初の段落を確認してください：https://ui-router.github.io/docs/0.3.1/#/api/ui.router.util.type:UrlMatcher