Angular2 Notifications链接路由器导航

时间:2016-07-17 09:14:52

标签: node.js angular angular2-routing angular2-services

我有一个简单的申请表,提交导航到另一个页面。 我想在单击提交按钮时显示成功消息。

以下代码有效但提交后,它会立即重定向到显示通知仅一秒钟的其他页面。 我无法将通知添加到目标页面,因为它有多个入口点。

onSubmit(form) {
this._service.success('Test', 'Test');  // this is from angular2-notificaitons library 
this.apartmentService.postRequests(this.data).then(_=>this.router.navigate(['Requests']));   //navigates to requests page which has multiple entry points
this.data = {};
}

知道怎么做到这一点?

1 个答案:

答案 0 :(得分:3)

您在哪里注册了NotificationsService的提供程序。我认为问题是你没有在应用程序的根目录注册它。

尝试将NotificationsService和SimpleNotificationsComponent指令移动到app.component。

   @Component({
        selector: "app",
        directives: [SimpleNotificationsComponent],
        providers: [NotificationsService, PushNotificationsService],
        template: `
           <simple-notifications [options]="options" (onCreate)="onCreate($event)" (onDestroy)="onDestroy($event)">
           </simple-notifications>
        `
   })