angular前端传值小总结

1.以链接形式从一个界面传值至另一个界面，

example1:

html文件中：

 <div class="instruct" *ngFor="let instruct of instructs" (click)="instructDetail(instruct)"></div>

ts文件中：

  instructDetail(instruct) {

    this.router.navigate(['admin/public/instruct/detail/', instruct.id]);

或 this.router.navigate([`admin/public/instruct/detail/${ instruct.id}`]);

  }

ps:别忘了在路由中加入带所传值的路径

example2:

html文件中，<button type="submit" class="float-right mr-2" nbButton status="primary" size="small" (click)="goBack()">返回</button>

ts文件中，

goBack() {

this.router.navigateByUrl('/pages/xxx');

}

ps：引用的router需在ts的构造器constructor中声明并引入相关组件，代码如下：

constructor(private router: Router）{ }

<