2016-04-27 3 views
0

Ich bin eigentlich auf einem 1.2.16 Angular Project.Angular und Overlay - Schalter ON | OFF

Ich möchte ein Overlay erstellen, das mit einer Schaltfläche ein- und ausschaltet. Natürlich sollte sich diese Schaltfläche nicht in der Überlagerung befinden, da sie verfügbar bleiben muss, um die Überlagerung zu deaktivieren.

Was ist der beste Weg, dies zu erreichen? Ein Feature von Angular, oder nur mit einem Standard CSS/JS?

Vielen Dank für Ihre Ideen

Antwort

1

Gerade in diesem Beispiel:

<body> 
    <div id="overlay" ng-if="vm.showOverlay"></div> 
    <button type="button" ng-click="vm.showOverlay = true">Open Overlay</button> 
</body> 

Dann können Sie Ihre Overlay mit Standard-CSS-Stil, zum Beispiel position: fixed; usw.

Schauen Sie sich auch ngDialog Modul, wird es Ihnen mit vorgefertigten Overlay-Fenstern bieten.