NG-CLICK NOT WORKING

[Rohit Yadav]

Hi Guys,

              I have came through one problem, am new to Angular Framework. In my one UI component  "ng-click"  is not triggered. The Details are as follows

             1-  I have ng-Dialogue in that i have Multiselect Box, where user selects some Customers .

             2- User Click on Dialogue SAVE BUTTON, a function is called on this saveManagers .

             3-  Inside  $scope.savemanagers() function , i am dynamically forming a  UI component .

             4-  Applied $compile(ui-component)($scope);

            5- This UI- component has ng-click on DIV, 

            6- ng-click not working in this case

    NOTE:   Dynamic UI component which i made during Controller Load time , there ng-click is working, but when dynamic component made inside a  function  ng-click not working

CODE is as follows

      $scope.saveManagers = function(){

        console.log($scope);

        //$scope.alert();

        console.log("========== SCOPE ===========");

        CmanagerList = "";

        $scope.mangerListArr = [];

        console.log($("#multiselect_to").val());

        ngDialog.close();

   

  angular.forEach($("#multiselect_to option:selected"), function(val){

      console.log(val.value+"::::"+val.length);

   if (val != undefined) {

                if(userService.getuserExternalId().indexOf(val.value.split(":")[1]) == -1)

                {

                    userService.setuserExternalId(val.value.split(":")[1]);

                     $scope.mangerListArr.push(val.value.split(":")[1]);

                     console.log("====Selected Text======");

                     //CmanagerList = CmanagerList+"<div data-manager-id='"+$this.val().split(":")[1]+"' class='selectedManager'>"+$this.text()+'<span ng-click=\'removeSelection(1234)\' class="selection-close">x</span></div>';

                     CmanagerList = "<div class='selectedManager'><span>BRUNO</span><div ng-click='alert1()' class='selection-close'>x</div></div>";

                    

                     angular.element(".managerList").append($compile(CmanagerList)($scope));

                  }

                }

   });

          //$scope.$apply();

        

         console.log("====== EXTERNAL IDDSSS =========");

         console.log(userService.getuserExternalId());

         console.log($scope.mangerListArr);

         //$(".managerList").append($compile(CmanagerList)($scope));

        //console.log(temp1);

}

$scope.removeSelection = function(){

   alert(" ");

}

            

[Ankush Joshi]

Hello, 

You need to create object for dynamic control you are creating .. then you can get event for tht