Как отправить HTTP-ответ в диалоговое окно в angularjs?

Question

Как отправить HTTP-ответ в диалоговое окно в angularjs?

0

Я хочу отправить ответ, получаемый из back-end в диалоговое окно, когда я нажимаю OK, тогда он будет перенаправляться на домашнюю страницу. То же самое, когда мы используем оповещение, чтобы показать ответ.

Это похоже на то, что я обновляю некоторую информацию о сотруднике, после обновления я дам некоторый ответ, например update_date и updated_by. Я хочу показать эту информацию в диалоговом окне. Когда я нажму кнопку OK, он перенаправится на главную страницу, где перечислены все сотрудники.

Поэтому мой вопрос заключается в том, как отправить ответ на шаблон диалога. Я следую коду. Я использую оповещение, чтобы показать ответ, но нужно, чтобы какое-то диалоговое окно отображалось как демонстрационное

Диалоговый шаблон

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

Здесь я использую предупреждение, чтобы показать ответ, вместо предупреждения я хочу использовать диалоговое окно, что-то вроде этого

geeks 06 янв. 2016, в 11:35

Источник

Теги:

javascript

jquery

angularjs

3 ответа

Ещё вопросы

Patrice De Saint Steban · Answer 1 · 2016-01-06T08-35-00.000Z

Вы можете использовать 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>

saurabh.dhole · Answer 2 · 2016-01-06T08-06-00.000Z

Назначьте back-end значение переменной, которую вы используете в модальной функции.success $ scope.text = empdata;

Aaron · Answer 3 · 2016-01-06T07-03-00.000Z

Вы можете воспользоваться системой углового ui-bootstrap, которая реализует модальный компонент по многим компонентам пользовательского интерфейса.

Это то, что вы связываете с //angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js включая //angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js и //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css.