2017-11-29 1 views
1

まだ開いているときに他のWebページに移動できるようにするanglejsを使用して非モーダルポップアップを作成することを習得しようとしています。私はhttp://yong2579.github.io/リンクを発見しました。angularjsを使用した非モーダルポップアップ

しかし、あなたは、あなたがディレクティブを使用する必要があるDOM操作を行うこと(そのプロパティを追加またはビューから要素を削除または変更)している場合、ウィンドウは、角度の文脈ではブラーに

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.9/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.9/js/bootstrap-dialog.min.js"></script> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
<title>Tabindex</title> 
<meta charset="utf-8" /> 
</head> 
<body> 
    <script type="text/javascript"> 
     $(function() { 
      var dialog = new BootstrapDialog({ 
       message: 'Custom tabindex.', 
       tabindex: 10, 
       modal: false, 
       title: 'Modeless draggable dialog', 
       draggable: true, 
       animate: false 
      }); 
      dialog.open(); 
     }); 
    </script> 
</body> 
</html> 
+0

基本ブートストラップモーダルがバックグラウンドなしで開くためのオプションは 'backdrop:false'です。しかし、問題のモジュール(https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.9/js/bootstrap-dialog.js)のコードを見ると、私は設定方法がわかりませんその値。 –

答えて

0

を得ています。ブートストラップモーダルおよびその他のインタラクティブなブートストラップ要素は、モーダルを含むディレクティブのたくさんのUI-ブートストラップモジュールをチェックアウトするために:

https://angular-ui.github.io/bootstrap/#!#modal

モーダルのそれがサービスを持っている最も理にかなって、角度のソートの特殊なケースですここで検索したり、問題がある新しい質問を投稿したりするのではなく、使用方法を明確にする必要があります。


UI-ブートストラップあなたを使用してちょうどbootstrap.cssとUI-ブートストラップ・tpls.jsファイル(ないbootstrap.jsまたはjquery.js)が含まれます。角度の前にjQueryを含めないと、angleはjQuery Liteをロードします(詳細はangular.element()のドキュメントを参照)。

関連する問題