Typescript 如何在Aurelia中关闭提交引导模式
我试了很多方法,但都找不到解决办法。 这是我的.ts代码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" } })
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!`);
}
});
}