如何將HTTP響應發送到對話框到angularjs中？

Question

我想將響應從后端發送到對話框，當我單擊“確定”時，它將重定向到主頁。 就像我們使用警報顯示響應時一樣。

就像，我正在更新一些員工信息 ，更新后，我將給出一些響應，例如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");
  });
}

在這里，我使用警報來顯示響應，而不是警報，我想使用對話框來顯示這樣的內容

Answer 1

您可能會受益於使用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 。

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;