Angular.js：顯示在模式/

Question

我已經看過角UI引導和NG-對話框的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