將模塊注入角度作為未找到的模塊

Question

我似乎無法在我的角度應用程序中注入一個模塊。

我正在嘗試導入以下通過bower安裝的模塊：

bower install angular-pagedown --save

這似乎在bower-components文件夾中正常加載，該文件夾位於以下文件夾結構中：

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

當我嘗試使用'ui.pagedown'（在模板中確實是模塊名稱）的說明中注入模塊時，我在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'
])

嘗試使用該模塊時，我似乎遇到以下錯誤：

模塊'ui.pagedown'不可用！ 您要么錯誤拼寫了模塊名稱，要么忘記加載它。 如果注冊模塊，請確保將依賴項指定為第二個參數。

我似乎正在做一些真正錯誤的涼亭和角度，我在格式方面也遇到了400 errors ，我不確定注射過程。

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文件這樣的構建工具，則無需手動導入文件。 但是在你的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"]);