Eu sou novo no angular 2, tenho um componente chamado Register, neste 1 componente tenho 5 páginas HTML, onde um clique da 1ª página de registro vou para a segunda página de registro e, ao clicar na 2ª página de registro, irei para o 3ª página de registro. Como posso criar 5 páginas HTML em 1 componente, significa que existe uma maneira de obter vários modelos por componente? Como fazer o roteamento? A principal intenção é ter arquivos HTML e SCSS separados e lógica de roteamento.

A partir de agora estou renderizando páginas usandongIf o que tornou minha página muito longa. Existe uma maneira de conseguir isso?

<!--View 1-->
        <div class="open-card-BG" *ngIf="registerView=='regView1'">
Register Page 1
</div>
            <!--View 2-->
            <div class="open-card-BG" *ngIf="registrationView=='regView2'">
Register Page 2
</div>


    @Component({
      selector: 'register-page',
      templateUrl: './register-page.component.html',
      styleUrls: ['./register-page.component.scss'],
      providers : [RegisterService,Configuration,LocalStorageService]
    })
        ngOnInit() {
        this.registerView= "regView1";
      }

    changeView(view) {

          this.registerView= view;
      }

      previousView(view) {

          this.registerView= view;
      }