Как закрыть мод Bootstrap при отправке в Aurelia

Question

Я пробовал много способов, но я не мог найти решение.Это мой .ts код

 postData(object) {    
    httpClient.fetch('http://localhost:55265/api/*****', {
      method: "POST",
      body: JSON.stringify(object),
      headers: {
        "Cache-Control": "no-cache"       
      }
    })
      .then(response => response.json())
      .then(data => {
        console.log(data);  
        if (data == true) {
          alert(`Saved!`); 
          // here I want to close my model 
        } else {
          alert(`Error!`); 
        }
      });
  }

Это мой .html файл. Так я добавляю модальные

<div id="AddNews" class="modal fade" role="dialog">
</div>

Answer 1

postData(object) {    
    httpClient.fetch('http://localhost:55265/api/*****', {
      method: "POST",
      body: JSON.stringify(object),
      headers: {
        "Cache-Control": "no-cache"       
      }
    })
      .then(response => response.json())
      .then(data => {
        console.log(data);  
        if (data == true) {
          alert(`Saved!`); 
          $("#AddNews").modal(hide);
        } else {
          alert(`Error!`); 
        }
      });
  }

Answer 2

Вы можете использовать .modal('hide') для элемента с идентификатором.

document.getElementById('AddNews').modal('hide');

Таким образом, ваш окончательный код будет выглядеть так:

postData(object) {    
  httpClient.fetch('http://localhost:55265/api/*****', {
    method: "POST",
    body: JSON.stringify(object),
    headers: {
      "Cache-Control": "no-cache"       
    }
  })
  .then(response => response.json())
  .then(data => {
    console.log(data);  
    if (data == true) {
      alert(`Saved!`); 
      document.getElementById('AddNews').modal('hide');
    } else {
      alert(`Error!`); 
    }
  });
}

Поскольку вы используете Aurelia, вы можете попробовать добавитьссылка на элемент dom?Что-то вроде

<div id="AddNews" class="modal fade" role="dialog" ref="newsRef">
</div>

class ViewModel { 

    //access here
    this.newsRef.modal('hide');

}