在更改AngularJS模型后获取MathJax更新

在更改AngularJS模型后获取MathJax更新

与MathJax浪费了很多天（也许是几周）之后，我对它的各种怪癖都非常熟悉，可以实时更新数学表达式。我是Angular的新手，但这为我提供了一个很好的机会，最终我找到了解决我的问题的解决方案-
希望它也能解决您的问题。

现场演示： jsfiddle

---

而不是使用普通的插即角提供的，我创建了一个基于新的指令

ng-bind

叫

mathjax-bind

。

如果

expression

是包含数学代码的变量，则

( {{expression}} )

可以编写以下代码：

<span mathjax-bind="expression"></span>

并将在适当的时间排版和更新所有内容。

该指令的支持代码如下：

myApp.directive("mathjaxBind", function() {    return {        restrict: "A",        controller: ["$scope", "$element", "$attrs",     function($scope, $element, $attrs) { $scope.$watch($attrs.mathjaxBind, function(texexpression) {     var texscript = angular.element("<script type='math/tex'>")         .html(texexpression ? texexpression :  "");     $element.html("");     $element.append(texscript);     MathJax.Hub.Queue(["Reprocess", MathJax.Hub, $element[0]]); });        }]    };});