Angular-Ladda无法正常使用browserify-shim/browserify

我已经使用browserify-shim/browserify安装了angular-ladda，但无法使按钮正常工作。当我点击按钮时，微调器在按钮之外，无论我使用哪个data-style。Angular-Ladda无法正常使用browserify-shim/browserify

你可以找到说明来browserify安装here，但他们没有工作，因为我希望。我结束了使用this issue on GitHub的信息来帮助我，但我不确定我是否做得正确。

我的应用程序的依赖关系是这样的：

require('angular').module('admin', [ 
    require('Spinner'), 
    require('Ladda'), 
    require('angular-ladda') 
])

我的package.json文件依赖性是这样的：

"dependencies": { 
    "aliasify": "^2.0.0", 
    "angular": "^1.5.7", 
    "angular-bootstrap-show-errors": "^2.3.0", 
    "angular-breadcrumb": "^0.4.1", 
    "angular-cookies": "^1.5.7", 
    "angular-ladda": "^0.4.2", 
    "angular-ui-router": "^0.3.1" 
} 

    "browser": { 
    "angular": "./node_modules/angular/angular.js", 
    "angular-breadcrumb": "./node_modules/angular-breadcrumb/release/angular-breadcrumb.js", 
    "spin.js": "./node_modules/angular-ladda/node_modules/js/spin.js" 
    } 
"browserify-shim": { 
    "angular": { 
     "exports": "angular" 
    }, 
    "angular-ladda": { 
     "depends": [ 
     "ladda" 
     ] 
    }, 
    "ladda": { 
     "exports": "Ladda", 
     "depends": [ 
     "spin.js" 
     ] 
    }, 
    "spin.js": { 
     "exports": "Spinner" 
    } 
}

这是一个什么样的最终结果看起来像一个GIF：http://recordit.co/g2CmpETMC5.gif

来源

2016-09-30 tonestrike

我没有意识到的是，对于browserify-shim，你仍然需要链接样式表。在我的情况下，我不得不将css文件编译成使用较少文件：

@import (less) "/node_modules/angular-ladda/node_modules/ladda/dist/ladda-themeless.min.css";

来源

2016-10-03 14:05:13 tonestrike

Angular-Ladda无法正常使用browserify-shim/browserify

回答

相关问题