Как получить доступ к данным формы и управлять ими в угловом формате для создания записей в базе данных Firebase - PullRequest
Новая
       17

Как получить доступ к данным формы и управлять ими в угловом формате для создания записей в базе данных Firebase

0 голосов
/ 18 октября 2019

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

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

  onSubmit() {
      this.ordersService.form.value.coffeeOrder = this.coffeeOrder;
      let data = this.ordersService.form.value;

     this.ordersService.createCoffeeOrder(data)
         .then(res => {
             /*do something here....
             maybe clear the form or give a success message*/
         });
  }

<form [formGroup]="this.DataServiceService.form" (ngSubmit)="onSubmit()">
            <div class="reviewForm" id="topInput">
                <label for="city">City Name:</label>
                <input placeholder="  Ex: St. Louis" formControlName="cityName" type="text" class="input-field" name="city">
            </div>

            <div class="reviewForm">
                    <label for="restaurant">Restaurant Name: </label>
                <input placeholder="  Ex: Taco Bell" formControlName="restaurantName" type="text" class="input-field" name="restaurant">
            </div>
            <div class="reviewForm" id="bottomInput">
                    <label for="food">Food Served: </label>
                <input placeholder="  Ex: Mexican" formControlName="foodServed" type="text" class="input-field" name="food">
            </div>

            <div>
                <h4>Rating:</h4>
                <mat-form-field id="dropdown">
                    <!-- <label>Rating: </label> -->
                        <select matNativeControl class="inputForms" required>
                            <option value="1">1 Star</option>
                            <option value="2">2 Stars</option>
                            <option value="3">3 Stars</option>
                            <option value="4">4 Stars</option>
                            <option value="5" selected>5 Stars</option>
                        </select>
                </mat-form-field>
            </div>
            <button mat-raised-button class="submit-button" color="primary" type="submit" id="formSubmit" (click)="onSubmit()">Create Review</button>
    </form>

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

...