链接 angular ng-click 以打开新页面并传递参数:
linking angular ng-click to open new page and passing param:
在这里,当用户点击编辑按钮时,我需要打开一个新页面并进行 rest 调用以使用传入的参数填充该页面。
如果我理解你的问题,你想知道如何设置 link 将你带到一个新页面并访问你发送的参数。有几种方法,具体取决于您使用的模块。
我建议使用 ui.router, but if you aren't using that, you can check out how to do it with ngRoute here。
如果您使用的是 ui-路由器,您可以这样做:
<a data-ui-sref="newPage(employee)">Edit Employee</a>
当用户单击 link 时,它将带您到 newPage
,参数为 employee。
在您的新页面控制器中,您可以包含 $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
});
}]);
此外,如果您是 Angular 的新手,我推荐他们网站上的 tutorial。它涵盖了如何进行路由。
在这里,当用户点击编辑按钮时,我需要打开一个新页面并进行 rest 调用以使用传入的参数填充该页面。
如果我理解你的问题,你想知道如何设置 link 将你带到一个新页面并访问你发送的参数。有几种方法,具体取决于您使用的模块。
我建议使用 ui.router, but if you aren't using that, you can check out how to do it with ngRoute here。
如果您使用的是 ui-路由器,您可以这样做:
<a data-ui-sref="newPage(employee)">Edit Employee</a>
当用户单击 link 时,它将带您到 newPage
,参数为 employee。
在您的新页面控制器中,您可以包含 $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
});
}]);
此外,如果您是 Angular 的新手,我推荐他们网站上的 tutorial。它涵盖了如何进行路由。