1

我想创建一个带角度的模态视图，但我在网上找不到任何资源。谁能指出我正确的方向？

我所说的模态视图就像在 facebook 上单击照片时一样：它将在页面顶部打开，因此在背景中单击将返回主视图。

当然，我不是在寻找关于如何实现灯箱效果的 css 细节。

提前致谢。

4

3 回答 3

2

在尝试了各种选项（包括 Angular-UI-bootstrap 模态）之后，我找到了一个非常令人满意的自定义解决方案，它提供了您想要从模态中获得的所有功能：

<div class="myBackdrop" ng-show="flag.modalOpen" ng-click="closeModal()"></div>
<div class="myModal" ng-show="flag.modalOpen">
  ...
</div>

在哪里

// just a boolean flag
$scope.flag = {
  modalOpen: false
}

$scope.closeModal = function() {
  // optionally do something beforehand
  $scope.flag.modalOpen = false;
}

那么你所需要的只是 CSS.myBackdrop和.myModal

于 2013-09-14T15:41:20.493 回答
0

您可以使用http://angular-ui.github.io/bootstrap获得全面的解决方案。

ng-show您也可以使用模态元素自己构建简单的解决方案:-)

于 2013-09-14T15:22:51.040 回答
0

从 ui-bootstrap 查看这个开源模式（在 AngularJS 中）。它通过指令利用模块化并涵盖了许多可用性功能。这将是构建可重用解决方案的一个很好的参考点，即使没有 Bootstrap CSS。 https://github.com/angular-ui/bootstrap/tree/master/src/modal

于 2013-09-14T13:04:42.327 回答