How to beautifully and correctly implement a modal window using Angular.js?

Question

JavaScript

How to beautifully and correctly implement a modal window using Angular.js? The buttons called by the window are deep in the Dom tree, how to make it appear/disappear? Create a controller and wrap the entire body in it, or create a directive that will rely on a variable in the rootScope, something like $rootScope.visibleModal = true ?

Answer 1

There are several solutions here
Working with angular, bootstrap modal windows, how to work with AJAX correctly?
The second is to take the already existing ones ( angular-bootstrap , angular-material )