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

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

我怎样才能做到这一点?

===============>>#1 票数:0

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

===============>>#2 票数:0

  1. 你可以使用$ modal
    参考: https : //angular-ui.github.io/bootstrap/
 app.controller('yourController', yourController); yourController.$inject = ['$scope', '$modal']; function yourController($scope, $modal){...} 

然后开始使用它。

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

  ask by smartechno translate from so

未解决问题?本站智能推荐: