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?
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