3回答

DawnHope

2018-11-23

已采纳

这个问题有人回答了

https://coding.imooc.com/learn/questiondetail/68790.html

这样写

//引入
import { filter} from 'rxjs/operators';

//构造器
constructor(public  router: Router) {
 this.router.events.pipe(
   filter((event: Event) => event instanceof NavigationEnd)
 ).subscribe((event: NavigationEnd) => {
   if (event.url === '/dashboard') {
     this.pageTitle = '这里是首页';
     this.pageDesc = '';
   } else if (event.url.startsWith('/stock')) {
     this.pageTitle = '股票信息管理';
     this.pageDesc = '进行股票信息基本增删改查';
   }
 });
}

0

1

慕粉4270219

非常感谢！

2018-11-24

共1条回复

wtxy

2018-11-20

import { Component, OnInit } from '@angular/core';
import {filter, map} from 'rxjs/operators';
import {Router, NavigationEnd} from "@angular/router";

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

  pageTitle = '';
  pageDesc = '';

  constructor(public router: Router) {
    //新版本rxjs filter要放在pipe中用
    const filterRouter = router.events.pipe(
      filter(event => event instanceof NavigationEnd)
    );
    filterRouter.subscribe((event: NavigationEnd) => {
      if (event.url == '/dashboard') {
        this.pageTitle = '这里是首页';
        this.pageDesc = '首页描述';
      } else if (event.url.startsWith('/stock')) {
        this.pageTitle = '股票信息管理';
        this.pageDesc = '股票信息基本增删改查';
      }
    })
  }

  ngOnInit() {
  }

}

0

0

wtxy

2018-11-18

你搜索一下问题： 

引入 rxjs 失败

有同学问过，这是新版本rxjs用法不同的问题，下面是炫酷同学的回到，亲试有效，

以后这课程遇到问题，可以尝试搜索以前同学的问题，一般你遇到的很可能以前就有人遇到了。。。

good luck

0

1

慕粉4270219

试了试几种方法都不行，你说的不是很明白

2018-11-20

共1条回复