Привязка данных к базе данных в угловых 2

Question

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

Это HTML

 <fieldset class="scheduler-border">
      <legend class="scheduler-border">
        Billing Information (Required)</legend>
        <div class="row">
          <div class="col-sm-5">


            <select name="SampleList" (change)="item.SampleList" class="form-control form-white input-lg" data-search="true">
              <option>Choose</option>
              <option value="Patient Bill">Patient Bill</option>
              <option value="Client Bill">Client Bill</option>
              <option value="Insurance Bill">Insurance Bill</option>
            </select>
          </div>

        </div>
      </fieldset>

component.ts:

  public SampleList = [];
    this.SampleList = accessionservice.GetSampleList();
   this._clientService
          .SaveAccessionSample(tData.Sample, this.accessionNo)
          .subscribe(d => {
            console.log(d);
          });


  this._clientService
          .GetPatientSampleAccessionId(this.accessionNo)
          .subscribe(Dc => {
            var data = Dc.ResultSets[0];
            data.forEach(element => {
              this.SampleList.forEach(data => {
                if (data.Sample === element.Sample) {
                  data.IsChecked = true;
                }
              });
            });
          });

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

Answer 1

Вы должны попытаться присоединить [(ngModel)] к вашему выбору и привязать (ngModelChange) к вашей функции, которая позаботится о том, чтобы вы позвонили в сервис для сохранения информации.

Пример:

       <select class="form-control" 
           id="selInfoInput" 
           [(ngModel)]="selectedCategory" 
           (ngModelChange)="onCategoryChange(selectedCategory)"> ....</select>

onCategoryChange - это метод, определенный в классе вашего компонента.