Question

我有一个Angle 4应用程序，我想在用户向服务器发送新付款时在我的应用程序中添加付款，我向用户返回一些数据，用户将使用RedirectUrl发送此数据。付款完成后，它将重定向到带有发布数据的一个URL，但是在我的应用程序中，我给出了角度路由URL，但在异常无法发布/ app-root 下显示。如何从外部链接获取响应。请帮助我。

Answer 1

好吧，因为我无法进行堆叠闪电射击，所以我已经在我的PC上完成了。这是结构：

App.module

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { AppComponent } from './app.component';
import { SecondComponent } from './second.component';
import { Routes, RouterModule } from '@angular/router';

const appRoutes: Routes = [
  {
    path: 'test/:id',
    component: SecondComponent
  },
  {
      path: '**',
      component: AppComponent
  }
];

@NgModule({
  declarations: [
    AppComponent,
    SecondComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes)
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule { }

第二部分

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-root',
  template: '<span>Second Component</span>',
})
export class SecondComponent implements OnInit {
    public id: number;

  constructor(
    private route: ActivatedRoute,
  ) { }

  ngOnInit(){
    this.route.paramMap.subscribe((params: any) => {
      this.id = params.params.id;
      //Do some logic with the id
    }) 
  }
}

app.component.html

<router-outlet></router-outlet>

app.component.ts为空：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

}

在第二个组件中，您将id作为variable传递到了URL中。您可以使用该ID来调用某项服务

使用发布数据从外部URL重定向到我的angular 4应用程序

1 个答案: