角度2-兩次調用訂閱功能

Question

我有以下代碼：

import { Component } from '@angular/core';
import { ViewService } from './view.service';
import { Router, ActivatedRoute, Params } from '@angular/router';


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

      constructor(viewService: ViewService, private route: ActivatedRoute) {

        this.route.params.map(params => params['id']).subscribe((id) => {
            console.log("id: "  + id);
        });

      }
    }

我已經將代碼訂閱了運行參數。 問題是-訂閱函數被調用了兩次 -第一次-id未定義。 第二次-ID值存在。

造成此問題的原因是什么？

Answer 1

這里的問題是我的ViewComponent被加載了兩次。 這就是構造函數被兩次調用的原因：

1. 在我的app.module.ts定義路由時。 這里：

   RouterModule.forRoot([ { path: '', component: ViewComponent }

2. 在我的app.component.html中-我添加了<app-view>標記。