Question

我有一个angular2项目，我正在使用bootstrap3模式。我的模态中有一些动态数据。现在，当我打开该模态并单击模态外部时，模态将被解除。如果再次打开该模态，模态打开，我可以很好地看到我的数据。

但是当我点击模态上的关闭按钮（有数据关闭=模态）时，模态会关闭，如果我再次打开该模态，模态会打开，但它上面没有数据。

所以我想要一个关于模态的关闭按钮，以及相同的功能，比如当我点击模态时，模态得到消除但是如果我再次打开那个模态，我的数据应该存在于该模态中。（与点击模态外部相同）。

请帮帮我......

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

Answer 1

使用？进行安全导航（一旦您的数据来自API，它就会加载到模型上）。

进出口。 在html部分。

<p>{{user?.name}}</p>

在click事件上关闭bootstrap3模式

1 个答案: