2017-07-31 79 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

相关问题