2
에서 나는 다음과 같은 지침을 정의에서 지시문을 추가합니다 :AngularJS와는 - 컨트롤러
app.directive('copyExpenditure', function(){
return {
restrict: 'A',
scope: true,
template: '<button ng-click="copyExpenditure()">click me</button>'
}
});
내가 예상대로 작동 HTML에 직접 지시문을 추가합니다.
<div copy-expenditure></div>
이제 컨트롤러 내에서 그리드를 만들고 각 행에 copyExpenditure 지시문을 동적으로 추가하려고합니다. 이 작업을 수행하려면 Slickgrid and a custom Formatter을 사용하고 있습니다.
var LinkFormatter = function (row, cell, value, columnDef, dataContext) {
var tag = '<div copy-expenditure></div>';
return tag;
}
그러나이 사용자 지정 포맷터는 지시문으로 렌더링되지 않지만 HTMl로만 렌더링됩니다. 어떤 생각을 해야할지? 내 목표는 ng-click
및 LinkFormatter
에 의해 렌더링 된 태그를 사용하여 범위 함수를 호출하는 것입니다.
$compile(angular.element('<div copy-expenditure></div>'))($scope);
을 당신이 범위에서에 전달 일부 값이있는 경우, 당신은 컴파일 후이 작업을 수행 :