Как использовать ввод форм Bootstrap - PullRequest
Новая
       36

Как использовать ввод форм Bootstrap

0 голосов
/ 16 ноября 2018

То, что я хочу сделать, я довольно прост, и я прошу прощения, если об этом спрашивали раньше, но это для проекта, который должен быть выполнен через несколько дней, и я застрял на этой очень простой проблеме.

У меня естькомпонент форума, который я использую от начальной загрузки и кнопку ссылки.То, что я хочу сделать, это добавить ссылку на ввод пользователя, чтобы его ввод был отправлен на мой сервер python и перерисовал страницу.ege "/ bars / 12345"

Это работает, если я жестко кодирую значения в URL-адресе в разделе href ege "12345", но я не могу извлечь пользовательский ввод из форума, который я использовал.Ниже мой код, большое спасибо!

<div class= "container">
  <form id="login-form">
    <div class="form-group">
      <label for="bSearch">Search for Bar</label>
      <input type="string" class="form-control" id="barSearch" aria-describedby="barHelp" placeholder="Enter number here ">
      <small id="barHelp" class="form-text text-muted">Search for a bar by license #</small>
      </div>
    <a class="btn btn-primary" href="/bars/$('#login-form')[0].serialize()" role="button">Link</a>
  </form>
</div>

  <div class="jumbotron jumbotron-fluid">
      <div class="container">
          <h1 class="display-4">{{ barName }}</h1>
          <p class="bar-details" *ngIf="barDetails">
              {{ barDetails?.city }} <span *ngIf="barDetails.city && barDetails.license">|</span> {{ barDetails?.license }}
              <br>
              <span>License # </span> {{ barDetails?.license }} 
          </p>
      </div>
  </div>
...