要在AngularJS ngRoute中指定目标页面的数据,但不希望它出现在URL中,可以使用$routeParams服务来传递数据。
下面是一个示例代码,演示了如何在ngRoute中指定目标页面的数据,但数据不会出现在URL中:
首先,在HTML中定义一个链接,该链接将导航到目标页面,并传递数据:
Go to Target Page
接下来,在控制器中定义一个函数,该函数将在点击链接时被调用,并使用$routeParams服务来传递数据:
// 控制器中定义一个函数,传递数据到目标页面
$scope.passDataToTargetPage = function() {
var data = { name: 'John', age: 25 };
$location.path('/targetPage').search(data);
};
然后,在目标页面的控制器中,使用$routeParams服务来获取传递的数据:
// 目标页面的控制器中使用$routeParams来获取传递的数据
app.controller('TargetPageController', function($scope, $routeParams) {
$scope.data = $routeParams;
});
最后,在目标页面的HTML中,可以直接使用传递的数据:
Name: {{data.name}}
Age: {{data.age}}
这样,当点击链接时,将会导航到目标页面,并且数据会被传递到目标页面的控制器中,但不会出现在URL中。