Angularjs 使用angular.js的模态视图

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

我所说的模式视图就像在facebook上点击一张照片：它会在页面顶部打开，这样在后台点击就会回到主视图

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

---

提前感谢。

从ui引导中查看此开源模式（AngularJS）。它通过指令利用模块化，并涵盖许多可用性特性。这将是构建可重用解决方案的一个很好的参考点，即使没有引导CSS。

您可以使用它来获得全面的解决方案

---

您也可以在模式元素上使用

ng show

为简单解决方案自己构建：-）

在尝试了各种选项（包括角度UI引导模式）之后，我找到了一个非常令人满意的自定义解决方案，它提供了您希望从模式元素中获得的所有功能：

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

---

那么您所需要的就是

.mybackground

和

.myModal

的CSS，那么指令呢？如果您使用引导，您可以使用，如果您不使用引导，这就是一个问题！实际上，您可以覆盖引导项目上的模板，并使其使用您想要的任何CSS。这是该项目的“哲学”——默认情况下是引导，但是逻辑没有耦合到DOM布局，因此任何css都可以工作。如果不使用引导，这是一个问题！需要注意的重要部分是上面链接中的modal.js文件。此文件包含站点周围可重用模态的测试解决方案。熟悉这段代码。它将提供一个有用的参考时，建立自己的。不需要重新发明轮子。相当好的解决方案，不需要引导！有没有一种方法可以将此与路线结合起来？所以它可以有一个状态，也可以保存为书签？

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

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