Question

我有一个Custom指令，使用MathJax.js渲染使用latex的字符串，这里是代码。

MathJax.Hub.Config({
    skipStartupTypeset: true,
    tex2jax: {
      inlineMath: [['$','$'], ['\\(','\\)']],
      processEscapes: true
    }
});
MathJax.Hub.Configured();

angular.module('mathjaxModule', [])

.directive("mathjaxBind", function() {
    return {
        restrict: "A",
        controller: ["$scope", "$element", "$attrs", function($scope, $element, $attrs) {
            $scope.$watch($attrs.mathjaxBind, function(value) {
                $element.text(value == undefined ? "" : value);
                MathJax.Hub.Queue(["Typeset", MathJax.Hub, $element[0]]);
            });
        }]
    };
});

你像这样使用它： 

这个指令非常方便，因为我可以将文本与MathJax表达式结合起来，只要数学表达式在$$之内，一切都会很好。使用MathJax将文本作为文本和数学表达式。

问题是其中一些字符串还包含HTML，当我使用自定义指令时，我似乎无法使用ng-bind-html。

我尝试过这样的事情没有成功：

也许我误解了这个概念。我怎么能解决这个问题？

Answer 1

我有同样的需求，我从这里找到答案：http://blog.datacamp.com/mathjax-binding-in-angular-js/

这是我的代码：

.directive('mathjax',function(){
  return {
    restrict: 'A',
    link: function($scope, $element, $attrs) {
      $scope.$watch($attrs.ngBindHtml, function () {
        MathJax.Hub.Queue(['Typeset',MathJax.Hub,$element[0]]);
      });
    }
  };
});

然后使用它：

在自定义指令上转义HTML

1 个答案: