Здравствуйте! Есть у меня на сайте popup окна. При нажатии определенных кнопок (таких как "Добавить код", "Добавить магазин") они должны всплывать. Как лучше это организовать? Использовать просто DOM (и CSS) или вводить переменные скоупа?
Сейчас это работает так:
app.directive('showPopup', function () {
return {
restrict: 'A',
link: function (scope, elem, attrs) {
$(elem).click(function () {
$('#' + attrs['showPopup']).fadeIn(function () {
// некая логика
});
});
}
}
});
Думаю, правильнее было бы использовать переменную скоупа, вместе с ng-if. Однако, попапы и кнопки находятся в распоряжении разных контроллеров (что в общем-то не беда, ведь есть $rootScope. Ведь так?).