Как загрузить модал на страницу загрузки угловой 6

Question

Я пытаюсь создать модал, который будет загружаться при загрузке страницы в angular 6, он работает нормально при методе click, который будет передавать один аргумент

Я пробовал с ngOnInit, но его тип void не принимаетАргумент

<ng-template #content let-c="close" let-d="dismiss">
        <div class="modal-header">
          <h4 class="modal-title" id="modal-basic-title">Select user</h4>
          <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
              <select >
                <option value="volvo">Rohait</option>
                <option value="saab">Anuj</option>
              </select>   
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-dark" (click)="c('Save click')">Save</button>
        </div>
      </ng-template>

Запуск демо-модального

, который я запускаю с использованием этого

open(content) {
      this.modalService.open(content);
     }

Но здесь он не работает, работает с методом нажатия

Answer 1

Если вы используете Angular 8, сначала вы можете заявить об этом.

@ViewChild('content', { static: true }) content: TemplateRef<any>;

Однако для тех, кто использует Angular 7 и ниже, вам следует использовать это вместо.

@ViewChild('content') content: TemplateRef<any>;

Вышеприведенное позволит вам получить доступ к ссылочной переменной шаблона content в вашем классе.

И в вашем ngOnInit,

ngOnInit() {
  this.modalService.open(this.content);
}

И не забудьте импортировать ViewChild,а также TemplateRef в ваш component.ts,

import { TemplateRef, ViewChild } from '@angular/core';

Это должно позволить вашему modalService открыть модал.