Question

我已经采用模型在点击button()时显示内容。我已经创建了代码，我的模态也正常工作。但是当我点击button()时，我希望它在我窗口的右上角显示为提示框。我尽我所能去做。但希望，我无法继续下去。

我的傻瓜：https://plnkr.co/edit/MgGSEU4ZSsmF36mSLW8Y?p=preview

您可以在这里查看。

Answer 1

Bootstrap Modal是一个轻量级的多用途JavaScript弹出窗口，可自定义和响应。它可用于在网站中显示警报弹出窗口，视频和图像。

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Modal Example</h2>
  <!-- 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 class="modal fade" id="myModal" 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>
  
</div>

</body>
</html>

＆＃13;

以上代码来自：LINK

上述代码说明：

Bootstrap内置了模态和模态对话框类，显示了弹出窗口。
此外，您可以将弹出窗口分成几部分。在上面的代码中完成了。
在上面的代码中，添加了三个部分。有：页眉，正文和页脚。
根据您的需要，您可以将模态划分为任意数量的部分。

如果不是bootstrap，你也可以在JQuery中做同样的事情：LINK

Answer 2

如果您对类似AngularJS的解决方案感兴趣，请查看ngDialog服务。它允许您将对话功能注入任何需要它的控制器。此外，它的openConfirm方法将返回一个承诺，该承诺将根据对话框的关闭方式得到解决或拒绝（非常适合您的示例，这似乎是一个确认/取消对话框）。

Type error: Argument 1 passed to Doctrine\ORM\Cache\DefaultCacheFactory::setRegion() must be an instance of Doctrine\ORM\Cache\Region, instance of Cache\Bridge\Doctrine\DoctrineCacheBridge given,

这是使用ngDialog创建一个与屏幕右上方对齐的确认/取消对话框的插件的分支。

Updated Plunk using ngDialog

ngDialog GitHub repository and instructions

有没有其他方式动态显示对话框

2 个答案: