Angular2 路由传值

在接收值得组件里面导入ActivatedRoute

路由设置页面传参

代码语言：javascript复制

{ path: 'view/:mid' , component: ViewComponent},

父级页面路由跳转的实现

代码语言：javascript复制

<div [routerLink]="['/email/view',mail.id]">页面跳转传值</div>

子页面的Component通过下面的方法可以获取到父页面路由传过来的参数<b>mail.id</b>

代码语言：javascript复制

//

import { Component, OnInit } from '@angular/core';
import {ActivatedRoute} from "@angular/router";

@Component({
  selector: 'app-view',
  templateUrl: './view.component.html',
  styleUrls: ['./view.component.scss']
})
export class ViewComponent implements OnInit {

  constructor(public route: ActivatedRoute) {

        //通过这种形式来接收父级页面传过来的值
        this.route.params.subscribe(data=>console.log(data.mid))

        //或者通过
        this.route.params['value']['mid']
   }

  ngOnInit() {
  }

}

angularjs

0 人点赞