javascript - 由于找不到模块而将模块注入(inject) Angular

Question

我似乎无法将模块注入(inject)我的 Angular 应用程序。

我正在尝试导入以下通过 Bower 安装的模块:

bower install angular-pagedown --save

这似乎可以在 Bower-components 文件夹中正常加载，该文件夹位于以下文件夹结构中:

clinet
------app
---------bower-components
-------------------angular-pagedown
-------------------pagedown

当我尝试按照说明中的说明使用“ui.pagedown”(这确实是模块的名称)注入(inject)模块时，我在 app.js 中使用以下代码:

import _Auth from '../components/auth/auth.module';
import account from './account';
import admin from './admin';
import navbar from '../components/navbar/navbar.component';
import footer from '../components/footer/footer.component';
import main from './main/main.component';
import questionsCreate from 
'./questionsCreate/questionsCreate.component';
import questionsShow from './questionsShow/questionsShow.component';
import constants from './app.constants';
import util from '../components/util/util.module';
import socket from '../components/socket/socket.service';


import './app.scss';

angular.module('filQuestionsApp', [ngCookies, ngResource, ngSanitize, 
'btford.socket-io', uiRouter,
  uiBootstrap, _Auth, account, admin, 'validation.match', navbar, 
footer, main, questionsCreate,
  questionsShow, constants, socket, util, 'ui.pagedown'
])

尝试使用该模块时，我似乎收到以下错误:

Module 'ui.pagedown' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我似乎在使用 Bower 和 Angular 时做了一些非常错误的事情，在格式方面我也遇到了 400 错误，而且我不确定注入(inject)过程。

Answer 1

angular-pagedown 的工作原理:

bower install angular-pagedown --save

这还将安装 pagedown 依赖项。 将这些文件导入到您的 HTML 中:

pagedown/Markdown.Converter.js
pagedown/Markdown.Sanitizer.js
pagedown/Markdown.Extra.js
pagedown/Markdown.Editor.js
angular-pagedown/angular-pagedown.js
angular-pagedown/angular-pagedown.css

如果您使用像 grunt/gulp 的 main-bower-files 这样的构建工具，则不需要手动导入文件。 但将其添加到您的 bower.json

中

"overrides": {
  "pagedown": {
    "main": [
      "Markdown.Converter.js",
      "Markdown.Sanitizer.js",
      "Markdown.Extra.js",
      "Markdown.Editor.js",
      "wmd-buttons.png"
    ]
  }
}

在您的应用中包含依赖项angular.module("yourApp", ["ui.pagedown"]);