2017-07-31 42 views
0

聯角NG-點擊打開新頁面,並通過PARAM:

這裏當用戶點擊編輯按鈕,我需要打開新的一頁,也使REST調用來填充傳入帕拉姆該頁面

+0

HTML: <按鈕類型=「按鈕」 NG點擊=「employeesController.editEmployeeTraining(員工)」稱號=「編輯員工> 這裏當用戶點擊編輯按鈕,我需要打開新的一頁,也請使用傳入的參數來填充該頁面。 – Lokesh

+0

這應該真的被類似ui-router的東西處理。 – rrd

回答

1

如果我理解你的問題,你想知道如何設置一個鏈接,帶你到一個新的頁面訪問你發送的參數。有幾種方法,取決於你使用的是什麼模塊。

我建議使用ui.router,但如果你不使用它,你可以看看如何使用ngRoute here做到這一點。

如果您正在使用的用戶界面的路由器,你可以這樣做:

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

當用戶點擊鏈接,它會帶你到newPage,與帕拉姆員工

在您的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', 功能(EmployeeTrainingsAPI,$範圍,$ 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放在回調函數中,以確保結果看起來像你認爲它應該是。有時它可能是results.data或類似的東西,這取決於你的服務。其次,如果您正在使用內置$ http的Angular,那麼您需要像這樣編寫它:EmployeeTrainingsAPI.employeeTrainings.query({empId:$ scope.employeeId})。then(function(result){$ scope .trainings = result;},function(err){// error handling console.log(err);}); – kauffee000

+0

非常感謝你的時間,非常感謝你的幫助。我打電話不好,我糾正了這些。現在它正在工作。它正在進行兩次ReST呼叫,我不確定它爲什麼會重複兩次。否則我很好。這是輕量級調用,我調試和看到。 – Lokesh

相關問題