Ionic / AngularJs 앱에 노드 모듈을 포함 및 사용하는 방법

Ionic / AngularJs 앱에 노드 모듈을 포함 및 사용하는 방법

Ionic 앱을 가지고 있는데 노드 모듈 angular-base64를 컨트롤러에 포함시키거나 angular service에 랩하고 싶습니다.나는 앞서서 도망쳤다.

npm install angular-base64

이 폴더는 다음 순서로 설치되었습니다.angular-base64.min.js줄서다/myIonicApp/node_modules/파일로의 전체 경로는 다음과 같습니다./myIonicApp/node_modules/angular-base64/angular-base64.min.js.

단, 컨트롤러 중 하나의 모듈을 다음과 같이 사용하려고 하면 다음과 같이 됩니다.

app.controller('myController', ['$scope', '$base64',
  function($scope, $base64) {

    //$base64... 

  }
]);

내가 무슨 말을 하는지 전혀 모르겠어.이걸 작동시키려면 다른 일을 해야 하나요?어쩌면 내 안에 있는 것 같아app.js?

인정된 답변이 올바르지 않습니다.Ionic/Angular에 클라이언트 측 모듈을 추가하려면JS 앱은 NPM이 아니라 Bower를 사용해야 합니다.NPM은 개발/구축/도입 프로세스의 일부인 모듈을 설치하는 경우에만 사용하십시오.클라이언트측 패키지의 일부로서 유저에게 전달하고 싶은 것은, 모두 Bower 가 관리합니다.

를 보시면.bowerrc다음과 같이 표시됩니다.

{
  "directory": "www/lib"
}

이 설정에 의해,www/libbower에 의해 설치된 모든 항목의 홈으로 디렉토리가 표시됩니다.다음 명령을 사용하면 패키지가 올바른 위치에 설치됩니다.

bower install --save angular-base64

(the.--saveflag를 사용하여 의존성을 저장합니다.bower.json파일)을 클릭합니다.

이제 스크립트 태그를 에 추가할 수 있습니다.index.html파일:<script src="lib/angular-base64/angular-base64.min.js"></script>

또한 위와 같이 모듈을 앱에 삽입해야 합니다.인app.js다음과 같이 모듈을 추가합니다.angular.module('starter', ['base64'])

Bower나 NPM과 같은 툴을 사용할 때 설치를 수동으로 수정해야 하는 것이 잘못된 첫 번째 신호라는 것을 알게 됩니다.

Ionic V2 및 Ionic V2에 대해 인정된 답변은 더 이상 정확하지 않습니다..bowerrc는 기본 설치에서 삭제되었습니다.

이 방법은 공식 Ionic V2 문서에서 확인할 수 있습니다.

타사 라이브러리를 앱에 추가하려면 다음 명령을 실행합니다.

npm install --저장

예: Import된 기능

// 이름 있는 내보내기 패턴

{myFunction}을(를) 'LibraryName'에서 Import한다.

...

// 가져온 기능 사용

myFunction();

• 디렉토리를 배치합니다.angular-base64/angular-base64.min.js에www/lib.

• JS 파일 포함index.html(예:<script src="lib/angular-base64/angular-base64.min.js"></script>.

• 모듈을 삽입하다app.js:angular.module('starter', ['base64']).

그 후, 당신은 다음을 사용할 수 있을 것입니다.base64모든 곳에서 사용할 수 있습니다.

언급URL : https://stackoverflow.com/questions/32243203/how-to-include-and-use-node-modules-in-your-ionic-angularjs-app