Pregunta sobre Developing with WordPress de Wordpress:

Integraci贸n simple de WP y AngularJS

Un usuario pregunt贸 馃憞

Soy relativamente nuevo en WP y AngularJS. Quiero hacer algo simple, ligero Prueba de contenido de concepto a nivel local para ayudar a mi comprensi贸n.

Puedo hacer que el componente angular funcione independientemente de WP copiando cualquier muestra de aqu铆 y servirlo directamente (sin conexi贸n a WP) desde mi servidor web Apache local.

Quiero poder integrar la misma instancia de AngularJS en una p谩gina construida de WP.

Sospecho que la carga se debe a la carga angular de la biblioteca.min.js.

He intentado varias cosas, todas las cuales tienen el mismo resultado, es decir, una p谩gina que muestra contenido AngularJS no preparado. Mira captura de pantalla aqu铆

Agregu茅 el c贸digo relevante al bloque HTML de Gutenberg. Trat茅 de cargar la biblioteca angular.min.js usando diferentes m茅todos …

1 Al incluirlo directamente en el bloque de Gutenberg (no esperaba que funcionara de todos modos, aunque funcion贸 cuando se incluy贸 en mi prueba, otras p谩ginas se publicaron directamente fuera de WP).

2 Codific谩ndolo en una p谩gina de plantilla de muestra, con y sin registrarlo primero … es decir, ya sea …

wp_register_script('angularjs', '/wp-content/themes/twentynineteen/angularjs/angular.min.js');
wp_enqueue_script('angularjs');

o鈥

wp_enqueue_script( 'angularjs', '/wp-content/themes/twentynineteen/angularjs/angular.min.js');

Sa wp_enqueue_script He verificado que angular.min.js acariciado correctamente. Tambi茅n experiment茅 con pasar la URL de CDN a wp_register_script/wp_enqueue_script, adem谩s de usar ambos true y false como valores de la funci贸n enqueue $in_footer = false argumento.

Obtengo el mismo resultado en todos los casos. Como se muestra en la imagen.

驴Alguien puede indicar lo que podr铆a necesitar para que esto funcione? No quiero ocultar mi comprensi贸n haciendo algo demasiado parcial. Simpl铆 es una idea simple en mi mente. Cargue la biblioteca AngularJS y luego ejecute el c贸digo.

Gracias

(@ kartiks16)

Hace 1 a帽o, 10 meses

Hey martinforsyth,

S铆, esta es una idea relativamente simple y hay muchos enlaces de referencia a esto.

驴Puedes comprobar esto?

https://wp-and-angular.com/#/

https://code.tutsplus.com/tutorials/creating-single-page-applications-with-wordpress-and-angularjs鈥揷ms-25095

Espero que esto ayude.

Gracias.

(@martinforsyth)

Hace 1 a帽o, 10 meses

Thx kartiks16

Ya he visto algo de ese material. Es un poco m谩s pesado que lo que tengo detr谩s. Estoy tratando de evitar demasiado creando una creaci贸n de tema / plugin para que esto funcione.

En cierto modo, estoy menos interesado en crear una aplicaci贸n AngularJS que funcione y estoy m谩s interesado en saber por qu茅 no me funciona en un caso simple. Sin duda hay algo que no entiendo del todo. Eso es lo que quiero saber.

(@bcworkz)

Hace 1 a帽o, 10 meses

La forma en que lo hizo se ve bien, y como dir铆a, la referencia en la p谩gina es correcta, asumiendo que eso es lo que quiere decir con 芦parche禄.

No es seguro poner c贸digo JS en un bloque HTML, estar谩 da帽ado. Hay un bloque de c贸digo dedicado que deber铆a usar para incrustar un script. Para una gran cantidad de c贸digo, es mejor administrarlo como un archivo externo y enumerarlo.

No debe agregar archivos y carpetas a la carpeta del tema de veinte a帽os. Cree un tema hijo o un plugin dedicado para contener archivos adicionales.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *