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

Question

我想知道如何用简单的动画在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);
    }
  }]);

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

我怎样才能做到这一点？

Answer 1

韦恩建议使用ngDialog这是一个选项，但我发现它确实很烦...我只是选择了引导模态或ui.bootstrap $ modal ... ui.bootstrap只使用$ modal ...

Answer 2

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

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

然后开始使用它。

2. 使用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 !');
}