How to handle ng-click inside directive Angular JS?

Question

I have the following directive:

.directive("feedList", function() {
            return {
                restrict: 'E',
                scope: {
                    feeds: '=feedData'
                },
                templateUrl: 'jstemplates/feed-list.html',


                link: function(scope) {

                    angular.forEach(scope.feeds, function(value, key) {
                        if(value.who.fullname == " "){
                            scope.feeds[key].fullname = "email";
                        }
                          console.log(value.who.fullname);
                    });

                }
        }
    })

Inside my template there is an event: ng-click="do()". How to handle this event in directive ot in parent controller?

You didn't define $scope.do() in your link function. What's the function supposed to do? Where is it defined? — Fissio
– Fissio, Commented Mar 8, 2017 at 14:45

Pankaj Kumar Singh · Accepted Answer · 2017-03-08 16:02:31Z

2

As it's your isolated scope directive, so pass the callback function and then call that function directly from template or from controller or link function. Working fiddle

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope){
		$scope.testFunction = function(){
  			alert("Called from isolated scope directive");
  	};
});

app.directive("isolatedScopeDirective", function(){
    return{
        scope:{
         go:"&"
        },
        template : `<button ng-click='go()'>Test Button</button>`
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller="AppCtrl">
    <isolated-scope-directive go="testFunction()"></isolated-scope-directive>
</div>

edited Mar 8, 2017 at 16:02

answered Mar 8, 2017 at 14:50

Pankaj Kumar Singh

1642 silver badges9 bronze badges

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

2 Comments

Daniel Over a year ago

Can you share example?

Pankaj Kumar Singh Over a year ago

Sure. Just wait for some time.

Collectives™ on Stack Overflow

How to handle ng-click inside directive Angular JS?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related