2017-07-31 3 views
0

は、角度新しいページを開くにはNGクリックして、[PARAMを渡すリンク:

、ユーザが編集ボタンをクリックしたときにここで、私は新しいページを開いても、渡されたのparamでそのページを移入するために、残りの呼び出しを行う必要があり

+0

HTML: <ボタンタイプ=「ボタン」=「employeesController.editEmployeeTraining(従業員)」タイトル= "編集従業員をNGクリック>ユーザーが編集ボタンをクリックしたときに、私はまた、新しいページを開くとする必要がある。ここ – Lokesh

+0

これは本当にui-routerのようなもので処理する必要があります。 – rrd

答えて

1

あなたの質問が分かっている場合は、送信しているパラメータにアクセスできる新しいページにリンクする方法を知りたいと思っています。使用しているモジュールに応じていくつかの方法があります。

ui.routerを使用することをお勧めしますが、使用しない場合は、ngRoute hereを使用して確認することができます。あなたはUI-ルータを使用している場合

、あなたはこれを行うことができます。

<a data-ui-sref="newPage(employee)">Edit Employee</a> 

ユーザーがリンクをクリックすると、それはPARAM 従業員で、newPageに行くことができます。

新しいページコントローラでは、$stateをパラメータとして含めることができ、この従業員オブジェクトにアクセスできます。あなたが角度に新しいしている場合

app.controller('newPageController', ['$state', '$http', function ($state, $http) { 

    var employeeData = $state.params.employee; 

    //Make REST calls here 
    $http({ 
     url: 'REST url', 
     type: 'POST', 
     data: employeeData 
    }).then(function (res) { 
     //success, etc 
    }); 


}]); 

また、私は自分のサイト上でtutorialをお勧めします。ルーティングの方法について説明します。

+0

回答ありがとうございます。ngRouteを使用していて、パラメータを指定して新しいページにアクセスできました。私のAPI呼び出しの結果にアクセスする際に問題が発生しています。ds.controller( 'employeeTrainingsEditController'、 function(EmployeeTrainingsAPI、$ scope、$ routeParams){ $ scope.employeeId = $ routeParams.employeeId; // var employeeData = $ state.params.employeeId; EmployeeTrainingsAPI.employeeTrainings.query({empId:$ scope.employeeId}、function(result){ $ scope.trainings = result; }); } ); – Lokesh

+0

@Lokeshさて、デバッグをする必要があります。コールバック関数にconsole.logを入れて、結果が想定されていると思うように見えるようにします。あなたのサービスによっては、それが結果のデータなどである場合もあります。第2に、$ httpで作成されたAngularで作業している場合は、次のように記述します。EmployeeTrainingsAPI.employeeTrainings.query({empId:$ scope.employeeId})then(function(result){$ scope .trainings = result;}、function(err){//エラー処理console.log(err);}); – kauffee000

+0

ありがとうございました。本当にありがとうございました。私は悪い電話をしていたし、それらを修正した。今それは働いています。それはReSTコールを2回作ります。なぜ私が2回作るのか分かりません。そうでなければ私は良いです。それは軽量コールで、私はデバッグして参照してください。 – Lokesh

関連する問題