Question

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

您可以找到浏览安装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

Answer 1

我没有意识到，使用browserify-shim，你仍然需要链接样式表。在我的例子中，我不得不使用以下命令将css文件编译成一个较少的文件：

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

Angular-Ladda与browserify-shim / browserify无法正常工作

1 个答案: