如何在angularJS中使用bootstrap與tooltips

  
   2、測驗創(chuàng)建完成后，點擊頁面右上角《共享》按鈕>點擊《復制》按鈕 
 3、把復制的url粘貼到此處即可" >
   
  
   創(chuàng)建測驗

控制器或者js代碼：

$scope.InitTooltip = function() {
      //初始化tips提示控件
      $("[data-toggle='tooltip']").tooltip();
    };

控制顏色，類名是生成彈出層后的類名：

/**控制彈出層顏色和大小*/
.tooltip-inner {
  background: #fafafa !important;
  text-align: left !important;
  color: #363636 !important;
  border: 1px solid #dedede;
  max-width: 400px !important;
  padding: 4px;
}

/**控制小三角透明度*/
.tooltip-arrow{
  border-bottom-color: #ffffff !important;
  opacity: 0.3;
}

默認背景顏色

設置顏色后

看完上述內(nèi)容，你們掌握如何在angularJS中使用bootstrap與tooltips的方法了嗎？如果還想學到更多技能或想了解更多相關內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！