I am having trouble integrating a module into my Angular app.
The module I am attempting to import is called 'angular-pagedown' and I installed it through bower using the following command:
bower install angular-pagedown --save
It seems to have been successfully loaded within the bower-components folder, which is located in the following folder structure:
clinet
------app
---------bower-components
-------------------angular-pagedown
-------------------pagedown
Following the instructions provided for injecting the module under the name 'ui.pagedown', I added the necessary code to my app.js file:
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'
])
However, when attempting to use the module, I encounter the following error message:
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.
It appears there may be an issue with how I am utilizing bower and Angular together, as I am also receiving formatting errors and facing challenges with the injection process.