链接角度ng-click打开新页面并传递参数:

时间:2017-07-31 13:45:53

标签: angularjs angularjs-directive angularjs-ng-click

当用户点击编辑按钮时,我需要打开一个新页面并进行休息调用以填充传入的参数页面。

1 个答案:

答案 0 :(得分:1)

如果我理解了您的问题,您想知道如何设置一个链接,将您转到一个新页面,该页面可以访问您要发送的参数。有几种方法,取决于您使用的模块。

我建议您使用ui.router,但如果您没有使用它,可以查看如何使用ngRoute here进行操作。

如果你正在使用ui-router,你可以这样做:

<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
    });


}]);

另外,如果您是Angular的新用户,我建议在其网站上使用tutorial。它涵盖了如何进行路由。