Question

我想发送从后端到对话框的响应，当我点击O.K然后它将重定向到主页。与我们使用警报显示响应时相同。

就像，我正在更新一些员工信息，更新后，我会给出一些回复，比如updated_date和updated_by。我想在对话框中显示这些信息。当我点击O.K按钮时，它将重定向到主页，列出所有员工。

所以我的问题是如何发送对话框模板的响应。我关注代码我使用alert来显示响应，但需要一些对话框窗口来弹出像demo

对话框模板

<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");
  });
}

这里我使用alert来显示响应，而不是警告我想使用对话框some thing like this

Answer 1

您可以使用angular-ui-bootstrap框架，它可以在许多UI组件中实现modal组件。

通过加入//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js和//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css，这就是你所关联的那个人。

Answer 2

您可以使用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>

Answer 3

将后端值分配给您在.success函数中的模态中使用的变量 $ scope.text = EMPDATA;

如何将http响应发送到angularjs对话框？

3 个答案: