与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]]); }); }] };});
