AngularJS 四种传参方式

来源：互联网发布：剑客软件编辑：程序博客网时间：2024/06/16 20:18

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

2、组件消息通知方式

代码实例

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

3、$router传参

代码示例

vm.$router.navigate(['PaymentBankcard', {                payType: 2            }]);

接收和ng-link 的接收方式是一样的

4、可通过外部存储方式，如localstorage,context等方式传参

0 0