Cursos Odoo - Cómo usar Angular en Odoo
ฝัง
- เผยแพร่เมื่อ 24 ต.ค. 2024
- Implementación de una App de Angular en Odoo de forma muy simple, lo que puede darnos mucha potencia a la hora de hacer una web completa en Odoo. #odoo #angular
---
🌐 Web Site: www.moldeointe...
💬 Blog: www.moldeointe...
✅ Facebook: / moldeointeractive
✅ Instagram: / moldeointeractive
✅ Twitter: / moldeointer
📧 Contacto: info@moldeointeractive.com.ar
Buen tutorial, lo esencial para aprender.
Buenisimo el video, ¿este método sirve para otras librerias como Vue y React?
Si compila de manera similar, si.
Excelente tutorial, muchísimas gracias. Me surge una duda, ¿cómo puedo incluir las imágenes y demás assets que tenía en mi proyecto de Angular?
Buena pregunta, ahi hay que hacer una modificación. Los assets tienen que ir en la carpeta /mimodulo/static/src, y en la parte del código de Angular para llamarlas ya que llamar a esa misma ruta. Así que en el proyecto de Angular hay que ver de o usar un entorno distinto (que al compilar cambie las rutas) o directamente usar esas rutas en sí en lugar de la carpeta assets. Saludos!
buen tutotial, tengo una consulta cuando creo un modulos o empiezo a enrutar mi proyetco angular lo compilo y pego los js en el odoo no encuentra el base
Muy buen tutorial, tengo una duda: Agregué Bootstrap 4 a mi proyecto de Angular 7, en webpack funciona bien, sin embargo, al construir y pasar los archivos a Odoo (11), los estilos de bootstrap no se ven implementados. He probado importando la ruta de bootstrap en el angular.json y tambien importando la ruta en el styles.css y agregando la etiqueta link en el XML, y no he tenido éxito. ¿Algún consejo? Gracias de antemano.
Habría que ver que genera al hacer el build. Recordá que tendrías que generar un build de esta manera: ng build --prod --base-href ./
Al hacer eso, en la carpeta "dist", fijate si ejecutando el index.html (nada de server de node, de forma local) te trae el bootstrap. Si no lo trae significa que algo en la forma que lo importás no está del todo bien. Probaría sacándolo del angular.json e importando los estilos directamente en el CSS como hicimos acá: th-cam.com/video/_yDP9i9kvak/w-d-xo.html (usamos SCSS, no sé si es obligatorio, pero te lo recomendamos)
Otra opción, mucho más compleja pero más interesante a nivel web, es usar Angular Elements, acá lo explicamos en su día: th-cam.com/video/-xd56yFrsPY/w-d-xo.html
Good coding!
Holaa me podrías explicar si es posible agregar un tema ya programado en html 5 en odoo? Y cómo lo agrego???.
Es posible pero no es ideal. Uno puede copiar un tema HTML y pegarlo el template del website de Odoo sin mayores dificultades, el tema son los datos. Pero es tan simple como seguir lo expuesto en este video adaptado. Saludos!
Hola Ignacio, cuando hago ng build --prod --output-hashing=none no se me generan 3 archivos, se me generan 6. 2 de main, 2 de runtime y dos de poly... Estoy trabajando con la versión de angular cli 8.3.19. No se que archivo poner en static/js. Coloqué 3 y 6 y aparece la página, es decir funciona el controller, pero no el contenido de angular. Desde ya muchas gracias como siempre. Saludos
Hola, claro esto pasa desde la versión 8 de Angular que se disocia el JavaScript dependiendo si el navegador soporta ES5 o ES5+, y como Odoo no tiene un server de Node detrás no lo puede levantar. La solución es, desde angular, entrar al archivo tsconfig.json del root y cambiar "target": "es2015" por "target": "es5". Con eso al hacer el build se va a generar solo 1 main, poly y runtime. Saludos!
Como siempre gracias por la pronta respuesta, pero me aparecen dos poly..: polyfills-es5.js polyfills.js. Y el index.html aparece asi:
Esto con el cambio del target a es5. Gracias otra vez
@@carlosjmeilan Si, me olvidé comentar lo de los dos polyfills. Necesitás ambos, sacar el atributo defer y el nomodule ponerlo en true (eso es algo de odoo) te tiene que quedar el index.html algo asi:
Saludos!
Moldeo Interactive nuevamente molestando Ignacio, y nuevamente gracias. Sigue sin aprecer, creo haber seguido todos los pasos. Te comento el bug de odoo me tira este warning que según entiendo no es crítico, pero tal vez pueda dar una respuesta: Will use UTF-8 as filesystem encoding instead of 'ascii'
Funcionó. Me faltaba el . Excelente video!!!
Hola Ignacio, has tenido experiencia utilizando angular sobre odoo.sh?
No lo usé nunca (usamos muy poco el OdooSH, solo cuando lo requieren especialmente). Pero debería ser similar a lo expuesto aqui.
Merci beaucoup.