Question

我已经看过angular-ui bootstrap和ng-dialog，他们看起来有点过分了我需要的地方：

<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显示在使用bootstrap模式（没有模态标题和模态页脚）设置样式的对话框中。只要用户在其外部单击，该对话框就会关闭。

我如何实现这一目标？

任何帮助将不胜感激。谢谢！

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

Angular.js：在模态/对话框中显示ng-repeat项

1 个答案: