AngularJS 四种传参方式

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等方式传参