In jQuery this would be very easy for me.
$("ul").on("click", function() {
$(this).find("li").each(function() {
alert($(this).attr("id"));
});
});
However, I'm having difficulties implementing this in Angular. I know that
it's a best practice to use a custom directive for this.
https://plnkr.co/edit/18RwM2eNjRhfwbst7ub7?p=preview
.directive("getChildren", function() {
return {
restrict: "A",
link: function(scope, element, attrs) {
element.bind("click", function() {
this.children().forEach(function(child) {
alert(child.attr("id"));
});
})
}
}
})
I'm not sure why this isn't working.
Any help will be appreciated.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
