Saltar al contenido

AngularJS Debug HTML JSON pre web

Lugar de nuestra maquetación que contendrá el HTML JSON

1
<span class="tag"><pre</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"wrapper_debug"</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="pln">font</span><span class="pun">-</span><span class="pln">size</span><span class="pun">:</span><span class="pln"> </span><span class="lit">10px</span><span class="pun">;</span><span class="atv">"</span><span class="tag">></pre></span>

Desde el controller vamos a llamar a nuestra función debug

1
<span class="pln">debug</span><span class="pun">(</span><span class="pln">response</span><span class="pun">.</span><span class="pln">data</span><span class="pun">);</span>

Función javascript para setear vía HTML al wrapper

1
2
3
<span class="kwd">function</span><span class="pln"> debug</span><span class="pun">(</span><span class="pln">data</span><span class="pun">){</span><span class="pln">
  $</span><span class="pun">(</span><span class="str">"#wrapper_debug"</span><span class="pun">).</span><span class="pln">append</span><span class="pun">(</span><span class="pln">JSON</span><span class="pun">.</span><span class="pln">stringify</span><span class="pun">(</span><span class="pln">data</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">null</span><span class="pun">,</span><span class="pln"> </span><span class="str">'\t'</span><span class="pun">));</span><span class="pln">
</span><span class="pun">}</span>

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/