javascript - navigationend - cargar tela js en aplicación angular

router events subscribe angular 4

Question

Así que descargué e instalé fabricjs usando bower dentro de mi aplicación angular y estoy teniendo problemas para cargarlo.

Tengo lo siguiente en la parte superior de mi archivo app.js. Todo lo demás carga bien excepto la tela

angular
 .module(''myApp'', [
   ''flow'',
   ''fabric'',
   ''ngAnimate'',
   ''ngCookies'',
   ''ngResource'',
   ''ngRoute'',
   ''ngSanitize'',
   ''ngTouch'',
   ''ui.bootstrap'',
   ''ui.router'',
   ''controllers.main'',
])
 .config( function ($stateProvider, $httpProvider, flowFactoryProvider ) {

Cuando cargo la página, aparece el siguiente error.

[$injector:modulerr] Failed to instantiate module fabric due to: [$injector:nomod] Module ''fabric'' is not available! You either misspelled the module name or forgot to load it. 

Lo estoy cargando en mi index.html

<script src="bower_components/fabric/dist/fabric.min.js"></script>

¿Alguien tiene éxito al cargar tela dentro de su aplicación angular?

Answer 1

Aunque esto es antiguo, intentaré responderlo para futuros buscadores.

He estado usando Fabric dentro de Angular con gran éxito.

Por lo que puedo ver en el ejemplo de su código, está intentando usar el archivo estándar fabic.min.js como módulo angular. Angular solo lo ve como JS puro, es por eso que genera un error que dice que no pudo encontrarlo, porque ningún módulo angular llamado "fabric" fue declarado alguna vez como:

angular.module(''fabric'', []);

Si compara uno de los otros módulos que ha enumerado, digamos ngCookies, puede ver cómo se configura uno.

Sería demasiado código para publicar aquí, así que la solución más fácil es utilizar o estudiar parte del excelente trabajo de Michael Calkins aquí:

https://github.com/michaeljcalkins/angular-fabric

Él tiene todo incluido en directivas y eso hace que sea fácil de implementar.

También puedes jugar con él en vivo aquí: http://codepen.io/michaeljcalkins/pen/Imupw

Espero que ayude a alguien.