从参数化路线

Question

我在使用Activated Route更新Angular5中的组件时遇到问题，我的问题是如何在订阅route.params后更新组件的视图？

变量this.type应该在更改重用相同组件的情况下触发更新视图，我谷歌这个，但我无法理解如何做到这一点。

这是我的 my.component.ts

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

@Component({
  selector: 'app-highlights',
  templateUrl: './my.component.html',
  styleUrls: ['./my.component.css']
})

export class HighlightsComponent implements OnInit {

public type;

constructor(private route: ActivatedRoute) {
  console.log(this.route.params);
  this.route.params
    .subscribe ( params => {
      this.type = params;
    }

  );
}

  ngOnInit() { 
  }
}

my.component.html

 <app-map [mode]="type"></app-map>

this.type 更改应将新值注入触发更新的另一个组件。