在ng-click上给跳转的页面传递参数,可以通过以下几种方式实现:
// 在控制器中定义ng-click事件
$scope.goToPage = function(param) {
$location.path('/targetPage/' + param);
};
// 在路由配置中定义参数
$routeProvider.when('/targetPage/:param', {
templateUrl: 'targetPage.html',
controller: 'TargetPageController'
});
// 在目标页面的控制器中获取参数
app.controller('TargetPageController', function($routeParams) {
var param = $routeParams.param;
// 使用参数进行相应的操作
});
// 在控制器中定义ng-click事件
$scope.goToPage = function(param) {
DataService.setParam(param);
$location.path('/targetPage');
};
// 在目标页面的控制器中获取参数
app.controller('TargetPageController', function(DataService) {
var param = DataService.getParam();
// 使用参数进行相应的操作
});
// 在控制器中定义ng-click事件
$scope.goToPage = function(param) {
$location.path('/targetPage').search({param: param});
};
// 在目标页面的控制器中获取参数
app.controller('TargetPageController', function($location) {
var param = $location.search().param;
// 使用参数进行相应的操作
});
以上是几种常见的在ng-click上给跳转的页面传递参数的方式。根据具体的需求和场景,选择适合的方式来传递参数。