Angular.js：ダイアログ/モーダル

Question

でNGリピートアイテムを表示私は、角-UIブートストラップとNG-ダイアログを見ていると、彼らは私がすなわちを必要とするもののために過剰表示されます。

<div ng-repeat="item in items">  
    <div class="dialog-content"> 
    <h5 ng-click="dialog_open()">{{item.title}}</h5> 
    <p>{{item.content}}</p> 
    </div>  
</div> 

<h5>はクリックされましたdiv.dialog-contentをブートストラップのモーダル（モーダルヘッダとモーダルフッタなし）を使ってスタイル付きダイアログに表示します。ダイアログボックスは、ユーザーがその外部をクリックするたびに閉じます。

どうすればよいですか？

ご協力いただければ幸いです。ありがとう！

Answer 1

あなたはng-dialogでこれを実現したい場合は、次の操作を行います

はあなたのhtmlでngDialog.cssとngDialog-theme-default.cssを含めます。あなたはcloseByDocument:trueを指定し、ここでclassName: 'ngdialog-theme-default'

を追加する必要が

はテンプレートです：

ngDialog.open({ 
    template: '<div> hello dialog!</div>', 
    plain:true, 
    closeByDocument:true, 
    className: 'ngdialog-theme-default' 
    }); 

の作業例here