angular2에 성공 페이지 추가하기

Question

사용자가 성공적으로 양식을 작성한 후 메시지와 함께 성공 페이지를 추가하고 싶습니다. 내가 할 수있는 한 가지 방법은 내가 갖고있는 모든 성공 페이지에 대해 새로운 구성 요소를 만드는 것이지만, 그렇게 많이 쓸모없는 구성 요소를 많이 추가 할 수 있습니다. 내가 할 수있는 다른 방법이 있습니까? 그리고 성공 메시지에 대한 전체 페이지를 표시하고 팝업을 표시하지 않겠습니까?

Answer 1

서비스를 이용하여 해결했습니다. 서비스

getSuccessDetail(info: string) { 
    if (info === 'cardApplication') { 
    this.message = 'Customer Successfully Registered!'; 
    } 
    if (info === 'addBank') { 
    this.message = 'Bank Successfully Added to your Account!'; 
    } 
    if (info === 'addFunds') { 
    this.message = 'Funds Successfully Added to your Account!'; 
    } 
} 

이 추가 그리고 SuccessComponent 템플릿에 표시 할 서비스에서 메시지 속성을 사용하는 구성 요소

export class CardApplicationComponent implements OnInit { 
    constructor(private serverService: ServerService, 
      private router: Router) { } 
    ngOnInit() { 
    } 
    onCardSubmit() { 
    this.serverService.getSuccessDetail('cardApplication'); 
    this.router.navigate(['/success']); 
    } 
} 

에서 서비스를했다.

감사합니다. 모두 도움을 제공합니다.

Answer 2

일반적인 성공 메시지가있는 SuccessMessageComponent를 만들거나 (사용자 정의하고 입력 매개 변수를 추가하려는 경우). 그런 다음 '/ success'와 같은 경로에 추가하고 성공 메시지를 표시하려면 사용자를이 경로로 리디렉션하십시오.