Html 如何在单击div并将一些对象传递给窗口后使用angular js打开弹出窗口

我想知道如何打开弹出窗口在angularjs与简单的动画和背景应该是模糊或黑暗 以及如何将对象传递到新的弹出窗口

在html中 我有这个类型的div

<div class="col-xs-7 col-md-2 rcorners2 " style="height:168px;width:126px;  margin-left: 10px" ng-click="clickevent(app)">

此应用程序对象内容不同属性应用程序名称说明。。。 这些属性应该显示在带有按钮的新弹出窗口中

---

我该怎么做呢？

韦恩建议使用ngDialog，这是一个选项，但我发现它真的很烦人。。。我只是使用引导模式或ui.bootstrap$model。。。只需使用$modal

您可以使用$modal
参考：

然后开始使用它

使用javascript:
将对象指定给窗口

然后检查下一页的window.opener

if (window.opener && window.opener !== null) {
    console.log('has initial pageInfo !');
    let pageInfo = window.opener.pageInfo;
} else {
    console.log('No initial pageInfo !');
}

---

我最近用过dialogs，发现它真的很方便。ngDialog很可怕，很烦人$它是ui.bootstrap的一部分。。。我总是用这个

app.controller('yourController', yourController);
yourController.$inject = ['$scope', '$modal'];
function yourController($scope, $modal){...}

 const pageInfo = {
             name: 'myPage',
             url: 'http://myPage...'
         }
 window.pageInfo = pageInfo;
 window.open(pageInfo.url, "_blank");

if (window.opener && window.opener !== null) {
    console.log('has initial pageInfo !');
    let pageInfo = window.opener.pageInfo;
} else {
    console.log('No initial pageInfo !');
}