AngularJS Iframe彈出式窗口像fancybox？

Question

我正在使用AngularJS和PHP編寫Web應用程序。我想通過傳遞幾個參數來打開彈出窗口，並在彈出框中顯示一個新頁面。 如何打開像AngularJS中的i-frame彈出框這樣的花式框？

Answer 1

你幾乎可以用AngularUI library做任何事情。這裏是working fiddle。

示例代碼如下：

HTML

<div ng-controller="ModalDemoCtrl">  
    <button class="btn" ng-click="open()">Open me!</button> 
    <div ng-show="selected">Selection from a modal: {{ selected }}</div> 
</div> 

的JavaScript

var ModalDemoCtrl = function ($scope, $modal, $log) { 

    $scope.items = ['item1', 'item2', 'item3']; 

    $scope.open = function() { 

    var modalInstance = $modal.open({ 
     templateUrl: 'some-dynamic.php', 
     controller: ModalInstanceCtrl, 
     resolve: { 
     items: function() { 
      return $scope.items; 
     } 
     } 
    }); 

    modalInstance.result.then(function (selectedItem) { 
     $scope.selected = selectedItem; 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 
    }; 
}; 

一些-dynamic.php

<?php 
echo "Some <b>html in</b> the modal"; 

當然，您應該在完整的工作示例之前更改上面的代碼。