Angular.js：显示在模式/

2016-06-14 29 views 0 likes

我已经看过角UI引导和NG-对话框的NG-重复项对话框，他们矫枉过正出现什么，我需要即：Angular.js：显示在模式/

<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显示在使用引导程序的模式（没有模态头和模态页脚）样式的对话框中。只要用户在其外部点击，对话框就会关闭。

我该如何做到这一点？

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

来源

2016-06-14 nubianrover

究竟什么是你的问题？ – Phil

我的问题是...我如何实现我上面描述的？我现在将编辑以反映这一点。 – nubianrover

您必须将h5移到div.dialog内容的外部。 –

回答

如果你想与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

来源

2016-06-15 10:05:37 eenagy

非常感谢您的回答。在控制台中出现“TypeError：options.scope。$ new不是函数”。另外，如何在ng-repeat中设置'模板'选项？ – nubianrover

@nubianrover把你的代码放入jsfiddle或者jsbin中，或者共享一个git仓库，否则就无能为力 – eenagy

Angular.js：显示在模式/

回答

相关问题