ionic-modal и img директива не играют хорошо

Question

Я использую ионный для создания приложения. Я написал глобальную директиву img, которая отображает окно предупреждения всякий раз, когда загружается img. Проблема, с которой я столкнулась, заключается в том, что эта директива называется для всех представлений, но если я показываю изображение внутри ионно-модального, директива не вызывается.

Моя директива код:

.directive('img', function() { 
return { 
    restrict: 'E', 
    link: function (scope, element, attrs) { 
     console.log ("********** IMG DIRECTIVE "); 

    } 
} 

})

Я добавил codepen здесь, так что вы можете увидеть, что происходит. Это вилка из стандартного ионного модального примера, поэтому имеет некоторый избыточный код.

http://codepen.io/asker/pen/YXXyZj?editors=101

а) Нажмите на ссылку в нижней части главной страницы, которая говорит «Нажмите на изображение для SEE Директивы», и вы увидите только до загрузки изображения, директива отображается предупреждение

б) нажмите на кнопку «Вход» на главной странице и на следующей странице, нажмите кнопку «Открыть модальную» - и вы увидите изображение показать, но моя директива не называется

Благодаря

Answer 1

Я думаю, что это потому что ваша директива img когда вы нажимаете «Войти», домашняя вкладка загрузила modal.html в HomeTabCtrl, прежде чем нажимать «Open Modal».

Вы можете внести изменения, как следующее:

Изменения в home.html: использование нг-клик = "openModal()" вместо нг-клик = "modal.show()"

Изменения HomeTabCtrl:

$scope.openModal = function(){ 
$ionicModal.fromTemplateUrl('modal.html', function($ionicModal) { 
    $ionicModal.show(); 
}, { 
    // Use our scope for the scope of the modal to keep it simple 
    scope: $scope, 
    // The animation we want to use for the modal entrance 
    animation: 'slide-in-up' 
}); }