Angular 1.x trying to add ng-click to dynamically created element

Asked Jan 23 '18 at 20:18

Active Jan 23 '18 at 20:28

Viewed 45 times

My trying to create dynamically an element and during the creation attach an ng-click to it. I know I need to compile that element, only it isn't working. I read here but not able to make it work with my element.

function compile(element){
    var el = angular.element(element);    
    $scope = el.scope();
      $injector = el.injector();
      $injector.invoke(function($compile){
         $compile(el)($scope)
      })     
  }

function foo(){
    var element = angular.element("<"+element+" ng-click='x()' placeholder='input'>");
    compile(element);
}

edited Jan 23 '18 at 20:28

asked Jan 23 '18 at 20:18

Alex

1,982
4
37
70

1

Check [this](https://stackoverflow.com/questions/42539999/how-to-call-a-function-from-another-function-with-ng-click/42540297#42540297) out – lealceldeiro Jan 23 '18 at 20:23
Is this in a directive? – charlietfl Jan 23 '18 at 20:26
No, in a function.. I didnt separate the code properly here. Please see edit. – Alex Jan 23 '18 at 20:27
function where though? if in directive or controller have access directly to scope – charlietfl Jan 23 '18 at 20:49
1

@lealceldeiro comment was very helpful. Thank you all. – Alex Jan 23 '18 at 20:50

Angular 1.x trying to add ng-click to dynamically created element

0 Answers0