Блог

Главная - Вопросы по программированию - Angular (ионный) — API — Как упорядочить данные

Angular (ионный) — API — Как упорядочить данные

#angular #api #rest #symfony

#angular #API #rest #symfony

Вопрос:

Я работаю над API, в котором магазин мог бы определять свои приоритеты для продукта.

Первый из них будет обязательным для «цены», а остальные будут его выбором приоритетов.

Я хочу отправить эти варианты обратно в свой Symfony. Визуализация страницы

Я вижу в своих консолях значения данных, которые будут отправлены Отправленные данные и ошибки подключения

Я нашел только примеры в Google, и я не уверен, как адаптировать его к моему упражнению и почему соединение не работает. Мой Get работает на другой странице с той же конечной точкой (и другим методом внутри).

   prios: Prios[];
  apiUrl = 'http://localhost:8000/api/prio';
  listItems: any;
  item = [
    // {value: 'Price', viewValue: ' Price'},
    { value: "New", viewValue: "Release Date of product" },
    {
      value: "Size",
      viewValue: "Size of product"
    },
    {
      value: "Area",
      viewValue: "Product delivery area"
    }
  ];

  constructor(private http: HttpClient) {
    this.listItems = [
      // 'Price',
      "Release Date of product",
      "Size of product",
      "Product delivery area"
    ];
  }

  ngOnInit() {
    this.http.get<any[]>(this.apiUrl).subscribe(data => {
      this.prios = data;
    });
  }

  postData() {
    let url = `${this.apiUrl}/`;
    this.http
        .post(url, {
          prio1: "price",
          prio2: this.item[0],
          prio3: this.item[1],
          prio4: this.item[2]
        })
        .subscribe(res => console.log(this.http.post()));
  }

Я пропустил шаг?

Комментарии:

1. Во-первых, принимает ли ваш маршрут методы post? Во-вторых, как вы обрабатываете POST в своем бэкэнде? Похоже, что ваш сервер выдает ошибку, потому что он не знает, как обработать ваше действие POST. В-третьих, после того, как вы подписались на свой пост, не регистрируйте this.http.post() , а .subscribe((response)=> {console.log(response)}) для регистрации ответа вашего серверной части. Вы можете использовать Postman для отладки вашего серверной части

2. Спасибо, пользователь2403735, извините, я понял это через некоторое время