Angular-Ladda与browserify-shim / browserify不能正常工作

Question

我已经使用browserify-shim/browserify安装了angular-ladda，但我无法让按钮正常工作。当我点击按钮时，旋转器在按钮的外面，不管我使用哪个data-style。

您可以在这里找到browserify安装的说明，但是它们没有像我希望的那样工作。我结束了在GitHub上使用关于这个问题的信息来帮助我，但我不确定我是否做对了。

我的应用依赖项是这样的:

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

我的包。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

Answer 1

我没有意识到的是，使用browserify-shim，您仍然必须链接样式表。在我的例子中，我必须使用以下命令将css文件编译为less文件:

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