如何使用引导程序弹出通知？答案

【问题标题】：How to make notification popup using bootstrap?如何使用引导程序弹出通知？
【发布时间】：2016-12-17 02:00:39
【问题描述】：

我想制作带有文本“用户管理”的圆形通知弹出窗口，它会显示消息，但我怎样才能使其圆形并在“用户管理”顶部显示弹出窗口em>" 文本，如通知。是否有任何其他方式来完成这项任务，任何帮助将不胜感激？

main.html

<div class="row">
  <div class="col-lg-12">
    <h1 class="page-header">User Management
      <span>
         <button class="btn btn-primary btn-circle" type="button">
             <span class="badge">{{userList.length}}</span> Access Request
         </button>
      </span>
    </h1>
  </div>
</div>

【问题讨论】：

标签： html css angularjs twitter-bootstrap

【解决方案1】：

Bootstrap 具有组件“工具提示”和“弹出框”。我认为您可以使用其中之一。请尝试以下操作：

<div class="row">
  <div class="col-lg-12">
    <h1 id="header" class="page-header" data-content="User-Managemnet-Popup" data-toggle="popover" data-placement="top" >User Management
      <span>
         <button class="btn btn-primary btn-circle" type="button">
           <span class="badge">{{userList.length}}</span> Access Request
         </button>
      </span>
    </h1>
</div>

并在 Javascript 中激活弹出框：

(function($){
   $('#header').popover('show');
})(jQuery);

【讨论】：

我正在使用 angularjs

【解决方案2】：

另一个选项可能是 AlertifyJs。他们工作得很好： https://github.com/kensho/ng-alertify

【讨论】：