Проблема обновления динамической модели MathJax и angualrjs (без использования директивы) (сохранение старого значения)

Мое требование заключается в том, что пользовательский ввод должен быть переведен в формат Matjax.

скрипт

var app=angular.module('app',[]);

app.run(function($rootScope){
  $rootScope.$watch(function(){
    MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
    return true;
  });
});

app.controller('math',function($scope){
   $scope.update = function() {
       $scope.Expression = $scope.mathtext;
         MathJax.Hub.Queue(["Typeset",MathJax.Hub]);     
   }
   $scope.Expression = 'Evaluate: `( 5/4 div 1/6 )`';
});

Html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
    <script async   src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full.js">    </script>
    <script src="script.js"></script>
  </head>

  <body ng-app="app">
    <div ng-controller="math">
        <input type="text" ng-model="mathtext" ng-change="update()"/>
        <div id="mathjaxtext">{{Expression}}</div>
    </div>
  </body>

</html>

демонстрация

Ожидаемый результат при типе пользователя

Какова стоимость 5/8 и `6/9 должно выглядеть следующим образом

В чем ценность формата 5/8 и 6/9 mathjax

Но то, что я получаю, является значением 58 и 69(54÷16).

Я не хочу использовать каталог для решения этой проблемы.

5/8 (54 ÷ 16) (предыдущее значение также сохранить при этом, как преобразовать только пользовательский контент)?

Источник

0 ответов

Другие вопросы по тегам