Question

我想在用户成功填写表单后添加包含消息的成功页面。我可以做的一种方法是为我拥有的每个成功页面创建新组件，但这可以添加许多，而不是那么有用的组件。有没有其他方法可以做到这一点，我想为成功消息专门设置整个页面而不显示弹出窗口？

Answer 1

只需创建一个包含通用成功消息的SuccessMessageComponent（或者如果要自定义它，则添加输入参数）。然后将其添加到“/ success”之类的路由中，当您想要显示成功消息时，只需将用户重定向到此路由。

Answer 2

使用服务解决了这个问题。在服务中添加了这个

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!';
  }
}

从组件中调用服务

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

使用服务中的message属性显示在SuccessComponent模板中。

谢谢大家的帮助。

在angular2中添加成功页面

2 个答案: