angularJS function similar to $.on('show'

Question

I would like to know a similar angular function to the one below. I have seen where different people said i should use ng-show .

$$('#tab1').on('show', function () {
myApp.alert('Tab 1 is visible');
 });

I don't think this question is being answered. It seems the request is to define a custom function for when an element is shown, not show or hide the element based on an expression which is what ng-show does. I believe a better match to this question is the Directive answer to [this other post](http://stackoverflow.com/questions/21715256/angularjs-event-to-call-after-content-is-loaded) — packmul3, Apr 12 '17 at 06:21

score 2 · Answer 1 · answered Apr 06 '16 at 17:29

2

Hey you should really check out this part of the AngularJS documentation about ng-show. It's a very easy and clear example.

answered Apr 06 '16 at 17:29

Frank

180
10

score 1 · Answer 2 · answered Apr 06 '16 at 17:37

1

Angular equivalent directive is:

ng-show

answered Apr 06 '16 at 17:37

explorer

19
5

kabaehr · Answer 3 · 2016-04-08T06:15:29.067

If you want to register to an visibilityChanged element instead of only changing the visibility of an element with ng-show you could create a directive with a link function.

angular.module('example', []).directive('example', function() {
    function link(scope, element, attrs) {
        scope.$watch(attrs.ngShow, function() {

            //check if visible
            myApp.alert('Tab 1 is visible');
        });
    }
    return {
       link: link
   };
}]);

angularJS function similar to $.on('show'

3 Answers3