ng-click not working in div when dynamically appending

Question

I already tried using $compile, but the ng-click inside my div is not working:

var newlist = angular.element($compile("<li ng-click='SelectSkillSet(" + $scope.SelectedSkills[x].skill
            + "," + $scope.SelectedSkills[x].key + ",$index)' ng-style=selected(" + $scope.SelectedSkills[x].key
            + ",$index) id='skill" + $scope.SelectedSkills[x].key + "'>" + $scope.SelectedSkills[x].skill
            + "<div class='prfcncy' id='prof5' ng-style='selectProficiency(5)' ng-click='SetProficiency(5)' style='border:1px #2585C9 solid;width:10px;height:10px;float:right;margin-right:5px;margin-top:5px;'>&nbsp;</div>"
            + "<div class='prfcncy' id='prof4' ng-style='selectProficiency(4)' ng-click='SetProficiency(4)' style='border:1px #2585C9 solid;width:10px;height:10px;float:right;margin-right:3px;margin-top:5px;'>&nbsp;</div>"
            + "<div class='prfcncy' id='prof3' ng-style='selectProficiency(3)' ng-click='SetProficiency(3)' style='border:1px #2585C9 solid;width:10px;height:10px;float:right;margin-right:3px;margin-top:5px;'>&nbsp;</div>"
            + "<div class='prfcncy' id='prof2' ng-style='selectProficiency(2)' ng-click='SetProficiency(2)' style='border:1px #2585C9 solid;width:10px;height:10px;float:right;margin-right:3px;margin-top:5px;'>&nbsp;</div>"
            + "<div class='prfcncy' id='prof1' ng-style='selectProficiency(1)' ng-click='SetProficiency(1)' style='border:1px #2585C9 solid;width:10px;height:10px;float:right;margin-right:3px;margin-top:5px;'>&nbsp;</div>"
            + "</li>")($scope));
        $("#RightList").append(newlist);

The ng-click in li is working but not in the div.

May be related to this http://stackoverflow.com/questions/16296264/ng-click-doenst-work-on-dynamic-dom-angularjs — Philippe Boissonneault, Dec 06 '13 at 20:42
hi Philippe, I already used $compile and also injected it in my controller and it is weird because the ng-click in the li tag is working but in the div it is not. — user2756589, Dec 06 '13 at 20:53
I assure you that you're misusing Angular. I've written a LOT of code with Angular and have only ever selected a dom element manually once. — m59, Dec 06 '13 at 23:31
@artur grzesiak http://jsfiddle.net/r8JL7/8/ here is a fiddle — user2756589, Dec 07 '13 at 02:06

ng-click not working in div when dynamically appending

0 Answers0