рендеринг HTML с математическим Jax

Question

Я хочу отобразить строку, содержащую html-коды и mathjax tex-код, и показать ее на моей веб-странице с использованием угловых js

Я сделал директиву, но она отображает только текс-коды, а не HTML т.е. моя строка имеет

$\int x^2dx = 2x + C$

Код моей директивы

app.directive("mathjaxBind", function() {
            return {
                restrict: "A",
                controller: ["$scope", "$element", "$attrs",
                    function($scope, $element, $attrs) {
                        $scope.$watch($attrs.mathjaxBind, function(texExpression) {
                            $element.html(texExpression);
                            MathJax.Hub.Queue(["Typeset", MathJax.Hub, $element[0]]);
                        });
                    }]
            };
        });