Based off of : Dynamically add directive in AngularJS
I am trying to add a directive after to an element after the element's creation and page load.
$(nRow) refers to a element. Currently with the following code nothing happens the elements doesn't get the attributes. If I remove the replaceWith I get the element with the attributes but the directive isn't applied.
 var row = angular.element($(nRow)).clone();
    row.attr("tooltips", "");
    row.attr("tooltip-template", "tooltip");
    row.attr("tooltip-smart", "true");
    row.attr("tooltip-speed", "slow");
    row.attr("tooltip-size", "large");
    row = $compile(row)($scope);
    $(nRow).replaceWith(row);
    $scope.$apply();
 
    