AngularJS ui-Router - 状態間を移動するときに$ stateParamsを非表示にする

Question

したがって、私のアプリでui-Routerを使用して$stateParamsを渡し、コントローラに多かれ少なかれ巧妙な方法で使用します。ポイントは、私が渡した$stateParamsの中には従業員IDのような機密情報が含まれているものがあります。 URLにそれらを隠す方法はありますか？私はparamsについてここでいくつかの答えを見ましたが、私はこれが答えが解決している問題であることを100％確信していません。

だから明確にするために、私はこのようなURLで渡された情報について話しています：

.state('detail', { 
    url: '/detail/:employeeid/:employeename/:employeeteam', 
    templateUrl: 'templates/EmployeeReport.html', 
    controller: 'ReportController' 
}) 

私はemployeeid、employeenameとemployeeteamを非表示にします。

ありがとうございます！

Answer 1

はい。 paramsを使用できます。

ドキュメント - here

次のようにあなたがあなたのコントローラコードは、

$scope.idVal = 'id'; 
$scope.nameVal = 'name'; 
$scope.teamVal = 'team'; 

、などの employeeteam $scopeなどの変数を employeeid、 employeenameの値を含めることができます

、

.state('detail', { 
    url: '/detail', 
    templateUrl: 'templates/EmployeeReport.html', 
    controller: 'ReportController', 
    params: { 
     employeeid: null, // can initialise to default value 
     employeename: null, // can initialise to default value 
     employeeteam: null // can initialise to default value 
    } 
}) 

をご stateを変更することができます

HTMLは次のようになります。

<a ui-sref="detail({ 
    employeeid:idVal, 
    employeename: nameVal, 
    employeeteam: teamVal 
})"> Details state </a>