Проверки для выпадающих ng2-select2 с функцией отложенной загрузки - PullRequest
Новая
       5

Проверки для выпадающих ng2-select2 с функцией отложенной загрузки

0 голосов
/ 11 февраля 2020

Я использую элемент управления ng2-select2 для моего требования о наличии отложенной загрузки в моем приложении Angular 8.

Функциональность раскрывающегося списка работает нормально. Однако, поскольку это обязательное поле в моей форме, мне нужно выдать проверки, когда в раскрывающемся списке выбрано 'no option'. 

<select2 id="ProjectName" name="ProjectName" formControlName="ProjectName" [options]="options" class="select2 font js-example-basic-single js-states" aria-required="true" aria-invalid="false" [ngClass]="{'is-invalid' : submitted &amp;&amp; 
                  Form.controls.ProjectName.errors }" required>
</select2>
<div *ngIf="submitted &amp;&amp;Form.controls.ProjectName.errors" class="text-danger">
  <div *ngIf="Form.controls.ProjectName.errors.required">Project Name is required</div>
</div>

Это мой компонент.ts 

this.ajaxOptions = {
  url: "XXXXXXXXX",
  dataType: 'json',
  method: 'GET',
  delay: 250,
  data: function(params) {
    var query = {
      SearchTerm: params.term,
      PageNo: params.page || 1
    }
    return query;
  },
  cache: true,
  processResults: function(data, params) {
    var dataitems = data.items;
    params.page = params.page || 1;

    return {
      results: $.map(dataitems, function(obj) {
        return {
          id: obj.projectID,
          text: obj.projectName
        };
      }),
      pagination: {
        more: (params.page * 50) < data.total_count
      }
    };
  }
};

this.options = {
  ajax: this.ajaxOptions,
  tags: false,
  multiple: false,
  width: "100%",
};
...