AngularJS pass clicked item through custom directive

Question

I am working on writing a custom directive.

<ng-selectbox select-function="selectitem(codes)" items="codes"></ng-selectbox> 

code.controller("codeCtrl", function($scope) {  
  $scope.selectitem = function(item){
    alert(item);
  };
});

code.directive("ngSelectbox", function(){
  return {
    restrict: "E",
    scope: {
      items: "=",
      selectFunction: "&"
    },
    template:
    "<div>" +
    "<ul ng-repeat='item in items'>" +
    "<li ng-click='selectFunction(item)'>{{item.TYPE}}</li>" +
    "</ul>" +
    "</div>"
  };
});

when the item in ng-repeat was clicked, I would like to pass the clicked item through selectFunction, but it didn't work. :(

I have no idea what parameter should I put in the html select-function.

thank you very much.

Community · Accepted Answer · 2017-05-23 12:28:15Z

0

Can you try to change your template to

"<li ng-click='selectFunction({item:item})'>{{item.TYPE}}</li>"

and check whether it works.

Check my really old answer for more context Can an angular directive pass arguments to functions in expressions specified in the directive's attributes?

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Mar 27, 2015 at 3:40

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

AngularJS pass clicked item through custom directive

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related