要在成功登录后导航到主页组件，您可以使用Angular的路由器导航到相应的URL。以下是一个示例解决方案：

1. 在成功登录的地方，将Angular的路由器注入到组件中：

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

constructor(private router: Router) { }

2. 在成功登录后，使用router.navigate()方法来导航到主页组件的URL：

this.router.navigate(['/home']);

在这个例子中，假设主页组件的URL是/home。如果您的主页组件有其他URL，请根据实际情况进行调整。

完整的示例代码如下：

import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { AngularFireAuth } from 'angularfire2/auth';

@Component({
  selector: 'app-login',
  template: `
    Login
  `,
})
export class LoginComponent {
  constructor(private afAuth: AngularFireAuth, private router: Router) { }

  login() {
    // 在此处执行登录操作，例如使用 AngularFireAuth 的 signInWithEmailAndPassword 方法

    // 登录成功后导航到主页组件
    this.router.navigate(['/home']);
  }
}

请确保您已经在应用程序的路由配置中定义了主页组件的路径。