HTML 태그에 angularJS contextMenu를 동적으로 삽입하십시오.

Question

이 응용 프로그램에이 angularJS contextMenu 모듈을 사용하고 있으며이를 일부 HTML 태그 안에 동적으로 삽입해야합니다. 이런 식으로 노력하고 있지만 작동하지 않습니다.

e.client.html("<a context-menu=\"menuOptions\">click here</a>"); 

나는 이런 내 범위에 menuOptions를 선언 한 :

$scope.menuOptions = [ 
    { 
     text: 'Object-Select', 
     click: function ($itemScope, $event, modelValue, text, $li) { 
      $scope.selected = $itemScope.item.name; 
     } 
    }, 
    { 
     text: 'Object-Remove', 
     click: function ($itemScope, $event, modelValue, text, $li) { 
      $scope.items.splice($itemScope.$index, 1); 
     } 
    } 
]; 

누군가가 그 작업을 수행하는 방법을 알아?

Answer 1

동적 컨텍스트 메뉴를 컴파일하려면 각도가 필요하므로 context-menu 지시어를 처리 할 수 ​​있습니다. 가장 좋은 방법은 다음과 같습니다.

//define the Html to insert in a variable: 
var dynContextMenu = "<a context-menu=\"menuOptions\">click here</a>"; 

//append to content 
e.client.html(dynContextMenu); 

//then compile it 
$compile(dynContextMenu)($scope); 

이 정보가 도움이되기를 바랍니다.