javascript - AngularJS 中的弹出窗口覆盖(模态)？

Question

我正在使用 AngularJS 构建我的摄影网站。

我想在用户单击图像时创建一个覆盖对话框。

ng-view 内部:

<div class="masonry-brick" ng-repeat="item in SouthKorea">  
     <a href=""> <img ng-click="openOverlay($event)"  ng-src="{{item}}" >  </a>
</div>

在index.html内部，不同的ng-views被加载到其中。

<div id="overlay">  </div>

在 Controller 内部，我有这个功能

$scope.openOverlay = function (e,elem, $scope) {
            var image = angular.element(e.target);
            var overlay = angular.element('#overlay');
            overlay.append(image)
        }

我的问题是，单击图像时图像被删除，并且我不知道如何更改index.html内的覆盖元素(div#overlay)的显示样式。

Answer 1

来自 AngularUI 团队的 UI Bootstrap 包含一个 Modal 指令。它还具有许多其他方便的模块。