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

Question

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

您可以找到 browserify install here, but they did not work as I hoped. I ended using the information on 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，您仍然需要 link 样式 sheet。在我的例子中，我必须使用以下命令将 css 文件编译成一个 less 文件：

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

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

Angular-Ladda not working properly with browserify-shim / browserify

angularjs

browserify

browserify-shim