1、ng-link 路径传参
跳转目标是:MemberDetails, 带一个参数id,参数名称是在定义路由时定义好的。
接收和ng-link 的接收方式是一样的
代码示例:
ng-link="['MemberDetails', {id: employee.id}]">跳转目标是:MemberDetails, 带一个参数id,参数名称是在定义路由时定义好的。
接收参数代码示例:
vm.$routerOnActivate = function(next, previous) {
vm.id = next.params.id;
var currentPage = 1;
var pageSize = 5;
detailsMember(vm.id,currentPage,pageSize);
};
代码实例
scope.$emit('show.reservation.details', {
date: day.date
});接收示例
$rootScope.$on('show.reservation.details', onShowReservationDetails);
function onShowReservationDetails(event, message) {
console.log("------:", message.date);
vm.week = message.date.format('e');
vm.day = message.date.format("YYYY年MM月DD日");
showDetails(message.date);
}
代码示例
vm.$router.navigate(['PaymentBankcard', {
payType: 2
}]);接收和ng-link 的接收方式是一样的
4、可通过外部存储方式,如localstorage,context等方式传参
本文介绍了AngularJS中四种常用的数据传递方法:通过ng-link路径传参、使用组件消息通知方式、利用$router进行传参以及采用外部存储手段。具体包括如何在导航时携带参数、如何在组件间发送和接收消息等实用技巧。

1982

被折叠的 条评论
为什么被折叠?



