Typescript 如何在Aurelia中关闭提交引导模式

Typescript 如何在Aurelia中关闭提交引导模式,typescript,bootstrap-modal,aurelia,Typescript,Bootstrap Modal,Aurelia,我试了很多方法,但都找不到解决办法。 这是我的.ts代码 postData(object) { httpClient.fetch('http://localhost:55265/api/*****', { method: "POST", body: JSON.stringify(object), headers: { "Cache-Control": "no-cache" } })

我试了很多方法,但都找不到解决办法。 这是我的.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>

您可以对id为的元素使用
.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');

}

类视图模型{
//进入这里
this.newsRef.modal('hide');
}

创建一个函数,然后在
alert()之后调用在函数中实现关闭逻辑将您的完整代码共享给我们。您应该使用
data dismission=“modal”
property我用typescript编写了此代码,所以我不能这样做,只能避免代码回答。包括一些文本来解释它。我得到了以下错误:[ts]属性“modal”在类型“HTMLElement”上不存在。未处理的拒绝类型错误:\ u this.newsRef.modal不是一个函数Mind在创建fiddle@Lakmi?
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!`); 
        }
      });
  }