Така че основно искам да мога да задействам събитие и след това да компилирам директива и да я вмъкна на позиция в DOM. В момента имам нещо подобно
//controller
angular.module('app').controller('MainCtrl', function ($scope, $compile) {
$scope.$on('insertItem',function(ev,attrs){
var el = $compile( "<chart></chart>" )( $scope );
$scope.insertHere = el;
});
});
// directive
angular.module('app')
.directive('chart', function () {
return {
template: '<div>My chart</div>',
restrict: 'E',
link: function postLink(scope, element, attrs) {
element.text('this is a chart');
}
};
});
Мога да видя обекта "el" с всичко необходимо, но не мога да го вмъкна в DOM... някакви улики?