Проводка динамической карты как отправка формы в угловой компонент - PullRequest
Новая
       12

Проводка динамической карты как отправка формы в угловой компонент

0 голосов
/ 30 апреля 2018

Это экран, на котором я показываю n карт, основываясь на результатах базы данных, и для каждой кнопки соединения карт будет там. Когда пользователь нажимает кнопку присоединения, данные конкретной карты должны быть опубликованы в компоненте.

Я думал об использовании скрытых полей, но значения, показанные на карте, являются динамическими, и каждое скрытое поле будет иметь динамический идентификатор, и я не смог опубликовать эти данные динамических идентификаторов.

Может кто-нибудь помочь мне, как отправить данные этой конкретной карты в компонент TS и как их там прочитать

enter image description here

Вот мой HTML: 

<div class="card" *ngFor="let contest of contests">
  <div class="container">
    <form (ngSubmit)="initiateJoinContest(f)" #f="ngForm">
    <h4><b>{‌{contest.data.name}}</b></h4>
    <div class="row">
      <div class="col-sm-2" >Join Fee : </div>
      <div class="col-sm-2">Rs.{‌{contest.data.join_fee}}</div>
    </div>
    <div class="row">
      <div class="col-sm-2">Created on </div>
      <div class="col-sm-2">{‌{contest.data.creation_date}}</div>
    </div>
    <div class="row">
      <div class="col-sm-2">Contest ends On : </div>
      <div class="col-sm-2">{‌{contest.data.end_date}}</div>
    </div>
    <div class="row">
      <div class="col-sm-2">Ends In : </div>
      <div class="col-sm-2">{‌{contest.data.ends_in}}</div>
    </div>
    <div style="text-align: right;width:40%"><button type="submit" class="btn btn-primary">Join</button></div>
    </form>
  </div>
</div>

1 Ответ

0 голосов
/ 30 апреля 2018

Я получил ответ. Вместо использования формы отправить. Я просто использовал кнопку «Отправить», и по нажатию на эту кнопку отправил соответствующую информацию о конкурсе. Это сработало. Я могу получить выбранные данные конкурса в компоненте.

...