2014-10-02 57 views
2

因此,我下載並安裝了fabricjs,在我的角度應用中使用了bower,並且我無法加載它。在角度應用中加載織物js

我在我的app.js文件的頂部有以下內容。除織物之外的其他一切正常加載

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

當我加載頁面時出現以下錯誤。

[$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. 

我加載它在我的index.html

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

任何人都有自己的角度應用程序內部與裝載面料任何成功?

回答

4

即使這是舊的,我會盡力回答它爲未來的搜索者。

我一直在Angular中使用Fabric取得巨大成功。

從我在代碼示例中可以看到的內容中,嘗試將標準fabic.min.js文件用作Angular模塊。角只把它看成純粹的JS,這就是爲什麼它會產生一個錯誤說,它無法找到它 - 因爲沒有所謂的「布」角模塊是有史以來聲明如下:如果你比較其他的一個

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

你已經列出的模塊,ngCookies,你可以看到如何設置。

這將是太多的代碼張貼在這裏,所以最簡單的解決方案是利用或由邁克爾·卡爾金斯這裏學習一些優秀的工作:

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

他的一切包裹起來的指令和這使得它易於實現。

您也可以玩它住在這裏:http://codepen.io/michaeljcalkins/pen/Imupw

希望幫助別人。