Как сделать POST-запрос в приложении Angular? - PullRequest
Новая
       20

Как сделать POST-запрос в приложении Angular?

0 голосов
/ 08 октября 2018

Если у вас есть приложение Angular, это всплывающее окно открывается при нажатии другого приложения.(это другое приложение создает URL-адрес (abc.com/sensitive 1 / Sensitive 2 / Sensitive 3 / Sensual 4)), который это приложение вызывает в маршрутизаторе и проверяет, есть ли там конфиденциальные данные. 

const routes: Routes = [
  {
    path: 'main/:sensitive1/:sensitive2/:sensitive3/:sensitive4',
    component: MainComponent,
    resolve: { sensitive1: sensitive1DetailsResolve, sensitive2: sensitive2ServiceResolve }
  },

Index.html
<body>
<div id="page-wrapper">
  <abc-root></abc-root>
</div>
</body>

После того, как этот пользователь нажимает на ссылку моего приложения из другого приложения, мое приложение выскакивает со всеми конфиденциальными данными в нем. Поэтому, хочу сделать запрос POST для URL (abc.com/sensitive 1 / Sensitive 2 / Sensitive 3 / Sensitive4)

Имеют очень ограниченные знания по angular, теперь проблема в том, что мое приложение Angular должно иметь возможность использовать метод post, чтобы скрыть все эти конфиденциальные данные, а также иметь возможность обрабатывать обновления браузера.

Пожалуйста, помогите разобраться с этим сценарием.Любая помощь высоко ценится.

Ответы [ 2 ]

0 голосов
/ 09 октября 2018

На данный момент работает ниже .... 

const appRoutes: Routes = [
  { path: 'sensitive1', component: MainComponent },
  { path: 'sensitive1',      component: sensitive1DetailsResolve}
  { path: 'sensitive2',      component: sensitive2DetailsResolve},
  {
    path: 'sensitive1',
    component: sensitive1DetailsComponent,
    data: { title: 'sensitiveData' }
  },
  { path: '',
    redirectTo: 'main',
    pathMatch: 'full'
  },
  { path: '**', component: PageNotFoundComponent }
];
0 голосов
/ 08 октября 2018

Импорт HttpClientModule в app.module.ts 

import { HttpClientModule } from '@angular/common/http';

@NgModule({

  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
   ],

И

Импорт HttpClient в файл (обычно в service.ts), куда вы хотите сделать запрос на публикацию

import { HttpClient } from '@angular/common/http';

Инициализируйте объект для HttpClient в конструкторе 

constructor(private http: HttpClient) { }

Теперь сделайте пост-запрос для URL, как показано ниже, и данные будут параметрами 

this.http.post(url, data);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...