[英]How to send http response into dialog box into angularjs?
我想将响应从后端发送到对话框,当我单击“确定”时,它将重定向到主页。 就像我们使用警报显示响应时一样。
就像,我正在更新一些员工信息 ,更新后,我将给出一些响应,例如updated_date和updated_by。 我想在对话框上显示这些信息。 当我单击“确定”按钮时,它将重定向到列出所有员工的主页。
所以我的问题是如何将响应发送到对话框模板。 我按照以下代码使用警报来显示响应,但需要一些对话框窗口才能像演示一样弹出
对话框模板
<div class="modal-body">
{{text}}
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
</div>
在我的主控制器中,我得到像
$scope.getInfo=function(){
var empData={some info}
$http.post(api,empData)
.success(function(response, status){
alert(response);
$state.go("home");
});
}
在这里,我使用警报来显示响应,而不是警报,我想使用对话框来显示这样的内容
您可能会受益于使用angular-ui-bootstrap框架,该框架沿着许多UI组件实现了一个模式组件。
这就是您链接的the客所做的事情,包括//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js
和//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
。
您可以使用lib ngDialog
http://likeastore.github.io/ngDialog/
打开一个对话框:
var dialog = ngDialog.open({
template: 'externalTemplate.html'
});
dialog.closePromise.then(function (data) {
console.log(data.id + ' has been dismissed.');
});
范本:
<script type="text/ng-template" id="externalTemplate.html">
<div class="dialog-contents">
<input type="text"/>
<input type="button" value="OK" ng-click="checkInput() && closeThisDialog('Some value')"/>
</div>
</script>
将后端值分配给您在.success函数中使用的模态变量$ scope.text = empdata;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.