javascript - 打开后替换模态内容？ AngularUI Bootstrap

Question

有人可以解释一下如何在打开模式后替换模式中的内容吗？当特定的 websocket 事件被触发时，我正在打开一个模式。

在那次事件之后，我得到了状态更新，我想用这些状态替换模态内容。

我打开模式的代码:

var modalInstance = $uibModal.open({
    animation: true,
    template: r.message.description,
    windowTemplateUrl: 'modal.html',
    controller: 'ModalController',
    backdrop: true,
    size: 'lg',
    resolve: {}
});

模态.html:

<script type="text/ng-template" id="modal.html">
      <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Document Reader</h4>
      </div>
      <div class="modal-body" uib-modal-transclude>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</script>

r.message.description 是我从 websocket 获取的字符串。这就是我需要在模态中替换的内容。

干杯，

便当

Answer 1

这是一个示例 plunker我创建的，您可以在其中看到以了解如何将数据传递给模态。

使用 resolve 将映射注入(inject)给定的 ModalController。您可以在 resolve 中编写相同的内容，或者更好地使用 angular.copy 就像我所做的那样(它只是为了更清晰的编码)。

尝试用我的 $scope.name 替换你的 r.message.description。然后你调用你的 Controller (注意这里是一个函数)，还有一个额外的 item(你应该使用依赖注入(inject)来缩小代码)。此项可帮助您将数据传递给模态，模态从您的 resolve 继承相同内容。