Dynamically added ng-click not working in angularjs

Question

I have implemented popup / modal window in mobile browser using angular js.

I have used modal directive for this which is given in angular js with bootstrap site.

I have kept all the content of popup in a variable and while opening popup, I am passing that variable to in element to following function:

$scope.open = function (size, element) {
        var modalInstance = $modal.open({
          controller: ModalInstanceCtrl,
          template : element,
          size: size
        });
    };

I have also added a ng-click event in that content of popup which is stored in the variable.

But that ng-click function is not working.

Please give me some solution.

You need to include all of the relevant code. I only see a small bit of the code you mention in your question. — m59
– m59, Commented Sep 18, 2014 at 5:25
I want to close window on click of an element present in window. — dipendra
– dipendra, Commented Sep 18, 2014 at 6:04
please find code at: plnkr.co/edit/Y8BvvxZByioxrb1cyr1J?p=preview — dipendra
– dipendra, Commented Sep 18, 2014 at 6:05

Sudarshan Kalebere · Accepted Answer · 2014-09-18 10:12:15Z

1

To close that modal window all you need to do is call the same code what is written for cancel or simply call cancel only,from your template.

$scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };

This is the way you can close your window I edited your plunker and now its working I just called cancel method from template. Here is updated plunker

answered Sep 18, 2014 at 10:12

Sudarshan Kalebere

3,9473 gold badges36 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

Dynamically added ng-click not working in angularjs

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