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

【问题标题】：How to open popup windows using angular js after click on div and pass some object to window单击div并将一些对象传递给窗口后如何使用angular js打开弹出窗口
【发布时间】：2015-07-28 22:24:33
【问题描述】：

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

在 HTML 中我有这种类型的 div

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

app.js 我有这个：

  app.controller('test',['$scope',function($scope){
    $scope.clickevent=function(app){
      $scope.app=app;
      alert(app.name);
    }
  }]);

此应用对象内容不同属性应用名称描述... 这些属性应该显示在带有按钮的新弹出窗口中

我该怎么做？

【问题讨论】：

我最近使用ngDialog 进行对话，发现它真的很方便。
ngDialog 可怕又烦人... $modal 它是 ui.bootstrap 的一部分...我总是使用它

标签： html angularjs angularjs-directive

【解决方案1】：

您可以使用 $modal
参考：https://angular-ui.github.io/bootstrap/

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

那就开始使用吧。

使用javascript：
将对象分配给窗口

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

然后在下一页检查window.opener

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

【讨论】：

【解决方案2】：

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

【讨论】：