Angularjs 使用browserify垫片/browserify时角度Ladda不能正常工作

我已使用browserify垫片/browserify安装angular ladda，但无法使按钮正常工作。当我单击按钮时，微调器位于按钮之外，无论我使用哪种数据样式

您可以找到browserify安装的说明，但它们没有像我希望的那样工作。我结束了使用上的信息来帮助我，但我不确定我是否正确

我的应用程序依赖项如下所示：

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

"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"
    }
 }

My package.json文件依赖项如下所示：

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

"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图：

我没有意识到的是，使用browserify shim，您仍然需要链接样式表。在我的例子中，我必须使用以下方法将css文件编译成一个更少的文件：

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

---

我没有意识到的是，使用browserify shim，您仍然需要链接样式表。在我的例子中，我必须使用以下方法将css文件编译成一个更少的文件：

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