AngularJS - controller inside directive is called only for rthe first deiretive if used multiple times

Question

I have a problem using directive multiple times on same page, if directive is defined multiple times on a page it calling only once.

Runnable demo: https://codepen.io/predatorz/pen/XWmPJwj

angular.module('DemoApp.directives', []).
  directive('popupDirective', function () {
      return {
      scope: {
        visible: '=?',
      },
      restrict: 'EA',
      template: '<div dx-popup="popupOptions"></div>',
      link: function (scope, elem, attrs) {
        scope.visible = scope.visible || false;
      },
      controller: function($scope){  
         console.log('controller is called');
         $scope.popupOptions = {
            width: 300,
            height: 250,
            showTitle: true,  
            title: 'Information',
            bindingOptions: {
                visible: "visible",
            }
        };
      }
    };
});

html:

<popup-directive visible="visiblePopup"/>
<popup-directive visible="visiblePopup2"/>

Andrey · Accepted Answer · 2020-05-15 10:43:19Z

0

The issue was in using directive, it should be closed properly.

<popup-directive visible="visiblePopup"></popup-directive> 
<popup-directive visible="visiblePopup2"></popup-directive>

answered May 15, 2020 at 10:43

Andrey

851 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS - controller inside directive is called only for rthe first deiretive if used multiple times

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related