角度4仅刷新页面部分

Plunker 我在哪里实现了这个流程:

已更新 :我解决了问题,但每次都会调用标题组件,我必须将标题组件放入每个html中,有更好的方法吗?

1. 登录
2. 显示国家列表(用户信息在顶部)
4. 返回列表

我只需要刷新国家列表的部分,但在我的Plunk中,你可以看到整个页面正在刷新,我想保持用户信息在顶部(静态)。

谢谢!

@Component({
selector : 'login',
template: `
<input type="text" value="james">
<input type="password" value="123">
<button (click)="logIn()">Login</button>
`
})
class LoginComponent {
constructor(private route: ActivatedRoute,
            private router: Router) { }

    logIn () {
        //LOGIN LOGIC
        this.router.navigate(['/base']);
    }
}