estoy haciendo un pequeño ejercicio front end con angularjs. Es para realizar una ecuación de 2do grado mediante la fórmula de bhaskara. Cree una webapi con c# que devuelve las raíces x1 y x2, y para printear el resultado visual en html agregue la librería MathJax.
Hago la petición ajax y en el success mando el código formateado para q MathJax lo muestre como ecuación. Lo que sucede es que se hace el innerHtml y queda a la vista el string sin formato ecuación , asumo que es porque no se recarga la página html. ( ya que coloque una pequeña ecuación a modo de prueba al inicio de la pag y esa si carga cuando se despliegua el dom).
Hay algún método para yo poder recargar los elementos puntualmente?? O debería colocar los input en un form y que se recargue la pag entera luego del submit?? (actualmente voy desde un botón a una función del controler mediante ngclick de angular)
No conocía esa directiva de angular ( recien estoy comenzando con el framework.
Te comparto el codigo de mi llamada ajax como me pediste
var app = angular.module("app", []); app.controller("bhaskaraCtrl", ["$scope","$http",($scope, $http) => {
$scope.params ={};
$scope.salida = {} ;
$scope.goToApi = () =>{
$http({
method: "GET",
url: "http://localhost:63603/api/bhaskara/",
headers: {'Accept' : 'application/json'},
params: { 'a': $scope.params.a,
'b': $scope.params.b,
'c': $scope.params.c }
})
.then((data) => {
console.log(data);
$scope.salida.ecuacion = `${$scope.params.a}x² + ${$scope.params.b}x + ${$scope.params.c} = 0`;
let resulDeterminante = (($scope.params.a * $scope.params.a) -4 * $scope.params.a * $scope.params.c);
$scope.salida.determinante = ` ∆ = ${$scope.params.a}² - 4 * ${$scope.params.a} * ${$scope.params.c} = ${resulDeterminante}`;
$scope.salida.x1 = `$$x1 = {-${$scope.params.b} - \sqrt{${resulDeterminante}} \over 2*${$scope.params.a}}.$$`;
$scope.salida.x2 = `$$x2 = {-${$scope.params.b} + \sqrt{${resulDeterminante}} \over 2*${$scope.params.a}}.$$`;
},(err) => {
console.log(err);
$scope.msj = err;
});
};
}]);
y en HTML
<span> {{salida.msj}} </span><br/><br/>
<span> {{salida.ecuacion}} </span><br/><br/>
<span> {{salida.determinante}} </span><br/><br/>
<span> {{salida.x1}} </span><br/><br/>
<span> {{salida.x2}} </span><br/><br/>