레일에 angularJS 플러그인을 설치하고 사용하는 방법

leo277

내 레일 프로젝트 에서이 angular-number-picker 플러그인 을 사용하고 싶었습니다 .

.min.js 파일과 .js 파일을 다운로드하여 플러그인 폴더에 넣었습니다. 그런 다음 js도

/global_plugins.js

//= require global/plugins/angular-number-picker/angular-number-picker.min.js

그런 다음 내 앱의 종속성에도 주입합니다.

/app.js

var app = angular.module('fotograft', ['ngResource', 'angular-loading-bar', 'cgBusy', 'ngFileUpload', 'MessageCenterModule', 'rails', 'Devise', 'google.places', 'ui.sortable','checklist-model', 
 'textAngular', 'angularMoment', '720kb.socialshare', 'ngSanitize', '720kb.tooltips', 'angular-md5', 'angularUtils.directives.dirPagination', 'infinite-scroll', 'datatables', 'datatables.bootstrap', 
 'ngResource', 'frapontillo.bootstrap-switch', 'angular-bootstrap-select','angular-number-picker', 'angular-bootstrap-select.extra', 'ngTextTruncate', 'chart.js', 'timer', 'siyfion.sfTypeahead'])

문제는 페이지를로드하려고 할 때 페이지가 응답하지 않는다는 것입니다. 그래서 콘솔을보고 디버그하려고했는데 오류는

Error: [$injector:modulerr] http://errors.angularjs.org/1.3.16/$injector/modulerr?  

나머지 오류 메시지는 길이가 길고 횡설수설처럼 보이기 때문에 잘 렸습니다.

그래서 여기서 내가 무엇을 놓치고 있는지 묻고 싶습니다. 저자의 웹 페이지에서 html 페이지의 플러그인에 src를 포함해야한다는 것을 보았지만 어떤 페이지에 포함해야할지 모르겠습니다.

레일과 angularJS 개발자가 여기에서 나를 도울 수 있다면 감사합니다. 대단히 감사합니다.

션 라킨

당신은 두 번 선택하면 소스 코드에 링크를 사용자가 제공, 당신이 등록해야하는 모듈 이름처럼 보이는이 있어야하는데 angularNumberPicker대신 angular-number-picker.

따라서 app.js 모듈 레지스트리가 다음과 같이 보이기를 원합니다.

var app = angular.module('fotograft', ['ngResource', 'angular-loading-bar', 'cgBusy', 'ngFileUpload', 'MessageCenterModule', 'rails', 'Devise', 'google.places', 'ui.sortable','checklist-model', 'textAngular', 'angularMoment', '720kb.socialshare', 'ngSanitize', '720kb.tooltips', 'angular-md5', 'angularUtils.directives.dirPagination', 'infinite-scroll', 'datatables', 'datatables.bootstrap', 'ngResource', 'frapontillo.bootstrap-switch', 'angular-bootstrap-select','angularNumberPicker', 'angular-bootstrap-select.extra', 'ngTextTruncate', 'chart.js', 'timer', 'siyfion.sfTypeahead']);

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Croogo에서 CakePHP 플러그인을 설치하고 사용하는 방법은 무엇입니까?

분류에서Dev

PyCharm에 pyspark 플러그인을 설치하는 방법

분류에서Dev

webstorm에서 elementor 플러그인을 사용하는 방법

분류에서Dev

NativeScript에서 BarcodeScanner 플러그인을 사용하는 방법

분류에서Dev

ionic 2에서 Scandit 플러그인을 사용하는 방법

분류에서Dev

zip 파일에서 cordova 플러그인을 설치하는 방법

분류에서Dev

CKEditor 4 플러그인을 앵귤러에 설치하는 방법

분류에서Dev

Vuejs의 CKEditor 5에서 플러그인을 활성화하고 설치하는 방법

분류에서Dev

Chrome 플러그인을 다운로드하고 나중에 설치하는 방법은 무엇입니까?

분류에서Dev

플러그인을 사용하지 않고 AngularJS로 grails 2.4를 구성하는 방법

분류에서Dev

cygwin에서 NTL을 설치하고 사용하는 방법

분류에서Dev

파일 플러그인과 같은 mvvmcross 플러그인을 사용하는 방법

분류에서Dev

Linux에서 Pidgin에 Skype 플러그인을 설치하는 방법

분류에서Dev

neovim에서 vim-translate 플러그인을 설치하는 방법

분류에서Dev

Eclipse IDE에 설치된 svn 플러그인을 식별하는 방법

분류에서Dev

Eclipse Luna SE에 J2EE 플러그인을 설치하는 방법

분류에서Dev

Photoshop CS6에서 Webbsy 플러그인을 설치하는 방법

분류에서Dev

grunt-load-config를 사용하여 Grunt 설정에서 어셈블 플러그인을 사용하는 방법

분류에서Dev

jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

분류에서Dev

jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

분류에서Dev

nuxt.js에서 markdown-it 플러그인 옵션을 사용하는 방법

분류에서Dev

Rails 4 Pipeline에서 Galleria 플러그인을 사용하는 방법

분류에서Dev

GenJavaDoc 플러그인을 sbt에 사용하는 방법은 무엇입니까?

분류에서Dev

js-beautify 플러그인에서 옵션을 사용하는 방법

분류에서Dev

Debian Stretch에 Chromium 용 플래시 플러그인을 설치하는 방법은 무엇입니까?

분류에서Dev

Gatsby SASS 플러그인에 PostCSS 플러그인을 추가하는 방법

분류에서Dev

오프라인 모드에서 Eclipse Neon 용 ADT 및 CDT 플러그인을 설치하는 방법

분류에서Dev

플러그인을 설치할 수없는 경우 IntelliJ Idea에서 롬복을 설치하는 방법

분류에서Dev

angularjs를 사용하여 이메일을 확인하는 방법

Related 관련 기사

  1. 1

    Croogo에서 CakePHP 플러그인을 설치하고 사용하는 방법은 무엇입니까?

  2. 2

    PyCharm에 pyspark 플러그인을 설치하는 방법

  3. 3

    webstorm에서 elementor 플러그인을 사용하는 방법

  4. 4

    NativeScript에서 BarcodeScanner 플러그인을 사용하는 방법

  5. 5

    ionic 2에서 Scandit 플러그인을 사용하는 방법

  6. 6

    zip 파일에서 cordova 플러그인을 설치하는 방법

  7. 7

    CKEditor 4 플러그인을 앵귤러에 설치하는 방법

  8. 8

    Vuejs의 CKEditor 5에서 플러그인을 활성화하고 설치하는 방법

  9. 9

    Chrome 플러그인을 다운로드하고 나중에 설치하는 방법은 무엇입니까?

  10. 10

    플러그인을 사용하지 않고 AngularJS로 grails 2.4를 구성하는 방법

  11. 11

    cygwin에서 NTL을 설치하고 사용하는 방법

  12. 12

    파일 플러그인과 같은 mvvmcross 플러그인을 사용하는 방법

  13. 13

    Linux에서 Pidgin에 Skype 플러그인을 설치하는 방법

  14. 14

    neovim에서 vim-translate 플러그인을 설치하는 방법

  15. 15

    Eclipse IDE에 설치된 svn 플러그인을 식별하는 방법

  16. 16

    Eclipse Luna SE에 J2EE 플러그인을 설치하는 방법

  17. 17

    Photoshop CS6에서 Webbsy 플러그인을 설치하는 방법

  18. 18

    grunt-load-config를 사용하여 Grunt 설정에서 어셈블 플러그인을 사용하는 방법

  19. 19

    jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

  20. 20

    jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

  21. 21

    nuxt.js에서 markdown-it 플러그인 옵션을 사용하는 방법

  22. 22

    Rails 4 Pipeline에서 Galleria 플러그인을 사용하는 방법

  23. 23

    GenJavaDoc 플러그인을 sbt에 사용하는 방법은 무엇입니까?

  24. 24

    js-beautify 플러그인에서 옵션을 사용하는 방법

  25. 25

    Debian Stretch에 Chromium 용 플래시 플러그인을 설치하는 방법은 무엇입니까?

  26. 26

    Gatsby SASS 플러그인에 PostCSS 플러그인을 추가하는 방법

  27. 27

    오프라인 모드에서 Eclipse Neon 용 ADT 및 CDT 플러그인을 설치하는 방법

  28. 28

    플러그인을 설치할 수없는 경우 IntelliJ Idea에서 롬복을 설치하는 방법

  29. 29

    angularjs를 사용하여 이메일을 확인하는 방법

뜨겁다태그

보관