以下是html模板对应的ts代码
import {Component, OnInit} from '@angular/core';
import {ActivatedRoute, Params, Router} from "@angular/router";

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

// private info: number;
private stock: Stock;
private isPro: boolean;
private focus: boolean = false;

constructor(private routeinfo: ActivatedRoute) {

}

ngOnInit() {

//routeinfo.snapshot是快照方法接收参数，只能在初始化的时候实现一次
// this.info = this.routeinfo.snapshot.params["id"];
//routeinfo.params.subscribe订阅方法是根据参数变化而进行参数传递
this.routeinfo.params.subscribe((params: Params) => this.stock.id = params["id"]);
this.isPro = this.routeinfo.snapshot.data[0]["isPro"];

}

isForce() {

return this.focus;

}
}

export class Stock {
constructor(public id: number, public name: string) {

}
}