<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Dudas de Programación - Preguntas y respuestas recientes en AngularJS</title>
<link>https://dudasprogramacion.com/qa/javascript/angularjs</link>
<description>Powered by Question2Answer</description>
<item>
<title>Métodos en un ciclo Angular 9</title>
<link>https://dudasprogramacion.com/2548/metodos-en-un-ciclo-angular-9</link>
<description>&lt;p&gt;Saludos comunidad:&lt;br&gt;Estoy desarrollando un proyecto en angular y en miras de hacerlo más legible ,trato de usar ciclos para óptimizar mis lineas de código.&amp;nbsp;&lt;br&gt;&amp;nbsp;Hasta ahí todo bien, porque he averiguado como hacer ciclos con prácticamente cualquier elemento del template pero , ¿ Se pueden hacer ciclos con métodos?.&lt;br&gt;&lt;br&gt;En .component.ts creo arreglos y los mando a llamar en el html con la interpolación {{}} pero si trato por ejemplo.&amp;nbsp;&lt;br&gt;&lt;br&gt;component.ts&lt;br&gt;&amp;nbsp;&lt;/p&gt;&lt;div style=&quot;color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;&quot;&gt;&lt;div&gt;&lt;span style=&quot;color:#9cdcfe&quot;&gt;pruebas&lt;/span&gt;:&lt;span style=&quot;color:#4ec9b0&quot;&gt;any&lt;/span&gt;[]=&lt;/div&gt;&lt;div&gt;[&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#9cdcfe&quot;&gt;metodo&lt;/span&gt;&lt;span style=&quot;color:#9cdcfe&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#ce9178&quot;&gt;&quot;tohome()&quot;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;},&lt;/div&gt;&amp;nbsp;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#9cdcfe&quot;&gt;metodo&lt;/span&gt;&lt;span style=&quot;color:#9cdcfe&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#ce9178&quot;&gt;&quot;tocomplete()&quot;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&amp;nbsp;&lt;div&gt;]&lt;/div&gt;&lt;br&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: rgb(30, 30, 30); font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;&quot;&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&lt;span style=&quot;color:#569cd6&quot;&gt;constructor&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&amp;nbsp;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;br&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&amp;nbsp;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#dcdcaa&quot;&gt;ngOnInit&lt;/span&gt;()&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&amp;nbsp;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;br&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color:#dcdcaa&quot;&gt;tohome&lt;/span&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;(){&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#9cdcfe&quot;&gt;document&lt;/span&gt;.&lt;span style=&quot;color:#dcdcaa&quot;&gt;getElementById&lt;/span&gt;(&lt;span style=&quot;color:#ce9178&quot;&gt;&quot;home&quot;&lt;/span&gt;).&lt;span style=&quot;color:#dcdcaa&quot;&gt;scrollIntoView&lt;/span&gt;();&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&amp;nbsp;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color:#dcdcaa&quot;&gt;tocomplete&lt;/span&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;(){&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;color:#9cdcfe&quot;&gt;document&lt;/span&gt;.&lt;span style=&quot;color:#dcdcaa&quot;&gt;getElementById&lt;/span&gt;(&lt;span style=&quot;color:#ce9178&quot;&gt;&quot;complete&quot;&lt;/span&gt;).&lt;span style=&quot;color:#dcdcaa&quot;&gt;scrollIntoView&lt;/span&gt;();&lt;/div&gt;&lt;div style=&quot;color: rgb(212, 212, 212);&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;En .html &amp;lt;section *ngFor=&quot;let prueba of pruebas&quot;&amp;gt; &amp;lt;a (click)=&quot;{{prueba.metodo}}&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;ejecutar&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;&amp;lt;a&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;¿ Es posible hacer algo parecido? para poder aprovechar el ciclo for y no repetir &lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 19px;&quot;&gt;&lt;span style=&quot;color:#d4d4d4&quot;&gt;varios bloques de código. Gracias.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</description>
<category>AngularJS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/2548/metodos-en-un-ciclo-angular-9</guid>
<pubDate>Sat, 25 Jul 2020 16:39:02 +0000</pubDate>
</item>
<item>
<title>llamada jquery a controlador angularjs</title>
<link>https://dudasprogramacion.com/1974/llamada-jquery-a-controlador-angularjs</link>
<description>Hola, estoy iniciándome con angular y tengo una duda que me está consumiendo todo el tiempo y no consigo solucionarla.&lt;br /&gt;
&lt;br /&gt;
Estoy utilizando la versión angular JS 1.5. Quiero llamar a un método de un controlador desde fuera de angular, desde jquery. He consultado multitud de foros y todos me dan la misma respuesta, la misma solución que no me sirve.&lt;br /&gt;
&lt;br /&gt;
Un ejemplo tonto que no me funciona:&lt;br /&gt;
&lt;br /&gt;
HTML:&lt;br /&gt;
&amp;lt;div id=&amp;quot;span&amp;quot; ng-app=&amp;#039;inspinia&amp;#039; ng-controller=&amp;quot;ClientController&amp;quot;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Hi&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
$(function(){&lt;br /&gt;
angular.element(document.getElementById(&amp;#039;span&amp;#039;)).scope().myfunction(&amp;quot;dos&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
La idea es invocar al método myfunction del controlador clientController:&lt;br /&gt;
&lt;br /&gt;
function ClientController($scope, $state, $http)&lt;br /&gt;
{&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;$scope.myfunction = function (data) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;alert(&amp;quot;---&amp;quot; + data);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;};&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
angular&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;.module(&amp;#039;inspinia&amp;#039;)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;.controller(&amp;#039;ClientController&amp;#039;, ClientController);&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Pues bien, este código tan simple no me funciona. El mensaje que me aparece continuamente es:&lt;br /&gt;
&lt;br /&gt;
angular.js:13236TypeError: angular.element(...).scope(...).myfunction is not a function&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;at HTMLDocument.eval (eval at globalEval &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
¿Alguien me puede ayudar?.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
﻿</description>
<category>AngularJS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1974/llamada-jquery-a-controlador-angularjs</guid>
<pubDate>Wed, 28 Dec 2016 23:13:12 +0000</pubDate>
</item>
<item>
<title>Como puedo sacar los datos almacenados en una Base de datos SQL con php y pasarlos por una variable de javascript?</title>
<link>https://dudasprogramacion.com/1635/puedo-sacar-datos-almacenados-pasarlos-variable-javascript</link>
<description>[06/05/16 12:43:43 p.m.] marco garcia: Lo estoy poniendo de esta manera &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;a type=&amp;quot;button&amp;quot; class=&amp;quot;btn btn-primary&amp;quot; data-toggle=&amp;quot;modal&amp;quot; onclick=&amp;quot;valorespopup(nombre=&amp;#039;&amp;lt;?php echo $row_productos[&amp;#039;Nombre&amp;#039;];?&amp;gt;&amp;#039;, ficha=&amp;#039;&amp;lt;?php echo $row_productos[&amp;#039;Fichastec&amp;#039;];?&amp;gt;&amp;#039;, tabla=&amp;#039;&amp;lt;?php echo $row_productos[&amp;#039;Precio&amp;#039;]; ?&amp;gt;&amp;#039;, productos=&amp;#039;&amp;lt;?php echo $row_especificaciones[&amp;#039;id_especificacion&amp;#039;]; ?&amp;gt;&amp;#039;, contenido=&amp;#039;&amp;lt;?php echo $row_productos[&amp;#039;Descripcion&amp;#039;]; ?&amp;gt;&amp;#039;);&amp;quot;&amp;gt;Ver Ficha &amp;lt;span class=&amp;quot;glyphicon glyphicon-chevron-right&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;contenido&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
[06/05/16 12:43:45 p.m.] marco garcia: &amp;nbsp;&amp;nbsp;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;function valorespopup(nombre, ficha, tabla, productos){ &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;fichatecnica&amp;quot;).src=&amp;#039;&amp;lt;?php echo $base_url;?&amp;gt;img/imgFichas/&amp;#039;+ficha;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;fichatecnica&amp;quot;).alt=&amp;quot;Ficha tecnica Producto SOLVER &amp;quot;+nombre;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;$(&amp;#039;#popup&amp;#039;).modal(&amp;#039;show&amp;#039;);&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;tabla&amp;quot;).src=&amp;#039;&amp;lt;?php echo $base_url;?&amp;gt;img/imgEspecifiaciones/&amp;#039;+ficha;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;tabla&amp;quot;).alt=&amp;quot;Ficha tecnica Producto SOLVER &amp;quot;+nombre;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;$(&amp;#039;#popup&amp;#039;).modal(&amp;#039;show&amp;#039;);&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;productos&amp;quot;).src=&amp;#039;&amp;lt;?php echo $base_url;?&amp;gt;img/especificaciones/&amp;#039;+ficha;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;document.getElementById(&amp;quot;productos&amp;quot;).alt=&amp;quot;Producto SOLVER &amp;quot;+nombre;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;$(&amp;#039;#popup&amp;#039;).modal(&amp;#039;show&amp;#039;);&lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;document.getElementById(&amp;quot;contenido&amp;quot;).innerHTML = &amp;quot;Contenido&amp;quot;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
La consulta a la base de datos es correcta pero al momento de realizar esta función y llamar a que me a la variable por si id a un div no me muestra absolutamente nada. Y con las imagenes es sumamente distinto ya que si imprime las imagenes.&lt;br /&gt;
espero que me puedan ayudar con este caso.&lt;br /&gt;
Saludos</description>
<category>AngularJS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1635/puedo-sacar-datos-almacenados-pasarlos-variable-javascript</guid>
<pubDate>Mon, 09 May 2016 19:08:19 +0000</pubDate>
</item>
</channel>
</rss>