在没有使用Angular2或Typescript找不到部门的情况下如何打开警报对话框

Question

I have a department section, if i have no departments found in that then i must get a dialog box saying "No department found". I am here by sharing my HTML and ts code. Please help

HTMl:

<div class="form-group">
                            <ng-select [options]="departments" (click)="checkDepartment(departments)"  notFoundMsg="No Departments Found" name="department" >
                            </ng-select>
                        </div>

Ts:

checkDepartment(check){
console.log(check);
console.log(check);
if(check == 0){
   this.dialog.open(Department);
}
}

Answer 1

If I am correct you are already using Bootstrap. There is a Bootstrap module for Angular. You could use the Modal here.

In the component where you have the ng-select implement AfterViewInit and add the ngAfterViewInit method. There you can check the department size and if it is empty open the modal.

export class PageComponent implements AfterViewInit {
  ngAfterViewInit() {
    if (department.length === 0) {
      // Open modal
    }
  }
}