วิธีการติดตั้ง Angular Directive ใน MeanJS

ฉันพยายามติดตั้ง Angular Directive ในโครงสร้างโฟลเดอร์ MeanJS แต่ฉันได้รับข้อผิดพลาดเมื่อพยายามเพิ่มคำสั่งไปยังคอนโทรลเลอร์ของฉัน

ข้อผิดพลาด: [$injector:unpr] ผู้ให้บริการที่ไม่รู้จัก: duScrollProvider ‹- duScroll ‹- HomeController http://errors.angularjs.org/1.3.20/$injector/unpr?p0=duScrollProvider%20%3C-NaNuScroll%20%3C-%20HomeController ที่ http://localhost:3000/lib/angular/angular.js:63:12 ที่ http://localhost:3000/lib/Angular/angular.js:4031:19 ที่ Object.getService [ตามที่ได้รับ ] (http://localhost:3000/lib/angular/angular.js:4178:39) ที่ http://localhost:3000/lib/angular/angular.js:4036:45 ที่ getService (http://localhost:3000/lib/Angular/angular.js:4178:39) ที่ Object.invive (http://localhost:3000/lib/angular/angular.js:4210:13) ที่ขยาย.instance (http://localhost:3000/lib/เชิงมุม/เชิงมุม.js:8516:21) ที่ http://localhost:3000/lib/angular/angular.js:7762:13 ที่ forEach ( href="http://localhost:3000/lib/ Angular/angular.js:334:20" rel="nofollow">http://localhost:3000/lib/เชิงมุม/เชิงมุม.js:334:20) ที่ nodeLinkFn (http://localhost:3000/lib/agongular.js:7761:11)

คำสั่งที่ฉันพยายามติดตั้งคือ: https://github.com/oblador/angular-scroll

ฉันใช้เวอร์ชัน 0.4.2

อย่างไรก็ตาม ฉันได้ลองใช้คำสั่ง "scroll" อื่นๆ แล้ว แต่ได้รับข้อผิดพลาดเดียวกัน

ฉันกำลังพยายามเพิ่มมันใน home.client.controller.js ของฉันดังนี้:

angular.module('core').controller('HomeController', ['$scope', 'Authentication', 'duScroll', function ($scope, Authentication, duScroll) {

ฉันได้ลองเพิ่มมันไปที่ส่วนท้ายของคอร์ด้วย

angular.module('core', ['duScroll']).controller('HomeController', ['$scope', 'Authentication', function ($scope, Authentication) {

สำหรับคำตอบด้านล่างฉันก็ลองเช่นกัน

ฉันเพิ่ม 'public/lib/angular-scroll/angular-scroll.js' ลงในไฟล์ default.js ที่อยู่ใน config/assets/default.js

และฉันยังเพิ่ม duScroll ใน config.js ซึ่งอยู่ใน: modules/core/client/app/config.js

var applicationModuleVendorDependencies = ['ngResource', 'ngAnimate', 'ngMessages', 'ui.router', 'ui.bootstrap', 'ui.utils', 'angularFileUpload', 'duScroll'];

อย่างไรก็ตาม ฉันยังคงได้รับข้อผิดพลาดเดียวกัน

เอกสารทั้งหมดบอกว่าฉันควรใช้ bower install หรือ npm install เพื่อติดตั้งคำสั่งเหล่านี้ แต่เนื่องจากเป็นโครงสร้างโฟลเดอร์แบบแยกส่วน ฉันจึงไม่รู้ว่าจะทำให้มันจดจำคำสั่งได้อย่างไร ฉันได้ลองรวมมันไว้ในทุกที่ที่ฉันคิดว่าอาจใช้ได้ผล

ความช่วยเหลือใด ๆ ในการหาวิธีติดตั้งคำสั่งในโครงสร้างโฟลเดอร์ Meanjs จะได้รับการชื่นชมอย่างมาก!

ขอบคุณ


person MLyck    schedule 03.02.2016    source แหล่งที่มา


คำตอบ (1)


ฉันให้คำตอบสำหรับคำถามที่คล้ายกันที่นี่

หากคุณใช้เวอร์ชัน 0.3.3 คุณต้องอัปเดตไฟล์ config/env/all.js โดยที่คุณวางเส้นทางไปยังไฟล์อ้างอิงของคุณและในกรณีที่เป็นโมดูลบุคคลที่สามเชิงมุม คุณต้องฉีดเข้าไปในไฟล์ของคุณด้วย โมดูลเชิงมุมหลักซึ่งสามารถทำได้ในไฟล์ public/config.js

หากคุณใช้เวอร์ชัน 0.4.2 คุณต้องอัปเดตไฟล์ config/assets/default.js โดยที่คุณวางเส้นทางไปยังไฟล์อ้างอิงของคุณและในกรณีที่เป็นโมดูลบุคคลที่สามเชิงมุม คุณต้องฉีดเข้าไปในไฟล์ของคุณด้วย โมดูลเชิงมุมหลักซึ่งสามารถทำได้ในไฟล์ modules/core/client/app/config.js

person pgrodrigues    schedule 03.02.2016
comment
ฉันลองทำทั้งสองอย่างแล้ว ฉันใช้เวอร์ชัน 0.4.2 แต่ฉันยังคงได้รับข้อผิดพลาดเดิม มีความคิดอะไรบ้าง? (ฉันแก้ไขโพสต์ต้นฉบับของฉันด้วยความพยายาม) ฉันทำผิดหรือเปล่า? - person MLyck; 04.02.2016
comment
ฉีดเฉพาะใน applicationModuleVendorDependencies ซึ่งอยู่ใน modules/core/client/app/config.js ลบออกจาก HomeController และจากคำจำกัดความของโมดูลหลัก เนื่องจากใน HomeController คุณเพียงแค่ต้องใช้ $document และเข้าถึงวิธีการที่ Angular-scroll มีให้ - person pgrodrigues; 05.02.2016