在Angular教程中，当使用路由导航进行页面重定向时，默认情况下，重定向会将新页面追加到当前页面而不是替换当前页面。这是因为路由导航默认采用了routerOutlet指令，它会将新页面插入到指定的DOM元素中，而不是替换掉整个页面。

要替换页面而不是追加页面，可以使用router.navigate()方法，并传递{ replaceUrl: true }选项。这将告诉路由导航替换当前页面而不是追加新页面。

以下是一个示例代码，演示如何使用router.navigate()方法进行页面重定向并替换当前页面：

首先，在组件中导入Router和ActivatedRoute：

import { Router, ActivatedRoute } from '@angular/router';

然后，在构造函数中注入Router和ActivatedRoute：

constructor(private router: Router, private route: ActivatedRoute) { }

接下来，在需要进行页面重定向的方法中，使用router.navigate()方法并传递{ replaceUrl: true }选项：

redirectToNewPage() {
  this.router.navigate(['new-page'], { replaceUrl: true });
}

在上面的示例中，['new-page']是要重定向到的路由路径。通过传递{ replaceUrl: true }选项，路由导航将替换当前页面而不是追加新页面。

使用上述代码示例，你可以按照Angular教程进行操作时，实现重定向并替换当前页面，而不是追加页面。