Как открыть модель всплывающего окна bootstrap из файла машинописного текста - PullRequest
Новая
       95

Как открыть модель всплывающего окна bootstrap из файла машинописного текста

0 голосов
/ 03 августа 2020

Я работаю над проектом Angular, запускаю всплывающую модель, когда мне звонят function. Я нашел пример на w3schools, но у него есть все html logi c, чтобы открыть его.

Я хочу открыть его из ts файла при вызове функции openPopup() .

модель всплывающего окна html код из данной ссылки. 

<body>
<div class="container">

  <!-- Button to Open the Modal -->
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
    Open modal
  </button>

  <!-- The Modal -->
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">         
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body">
          Modal body..
        </div>
        
      </div>
    </div>
  </div>
  
</div>
</body>

Это кнопка для открытия всплывающего окна 

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Open modal
</button>

Как я могу заменить этот код на ts события файла?

1 Ответ

0 голосов
/ 03 августа 2020

создайте такую ​​переменную. и удалите элементы переключения из модального окна. 

// in ts
 openModal: false;

//then in button click event:

  <button (click)="openModalClick()"></button>
 //in ts:

  openModalClick(){
  openModal=!openModal;
 }
 //in html
<div class="modal fade" id="myModal" *ngIf="openModal">

</div>

это будет работать по-другому, если вы хотите переключиться с помощью bootstrap, затем выберите кнопку с идентификатором и используйте java script .click ().

...