wt-pbox 基于 Angular.js 的弹出层插件

为什么不使用 ui-bootstrap 的 dropdown？

1. ui-bootstrap 的 dropdown 不支持动态编译模板，不适合列表中弹出复杂交互的层
2. 弹出层的位置只有上下，不能左右或者根据框体大小或者位置情况自动调节

安装

执行 bower install angular-wtpbox

使用示例

 <button data-placement="left" ng-click="open($event)">open</button>

  $scope.open = function ($event) {
     var pbox = $pbox.open({
         event      : $event,
         templateUrl: "box.html",
         //template  : '<div><a>ssss111111 {{aaa}}</a> dddd <button ng-click="add()">click</button></div>',
         controller : function ($scope, $pboxInstance) {
             $scope.aaa = "sss";
             $scope.add = function () {
                 $scope.aaa = "bbbbbb";
             }
         }
     });
     pbox.result.then(function (result) {
         alert("close,result:" + result);
     }, function () {
         alert("dismiss");
     });
 };

参数说明

...