0

저는 yeoman angular generator를 사용하여 생성 한 angularjs 프로젝트에서 작업하고 있습니다.angularjs 프로젝트의 Jquery 스크립트

저는 대부분의 HTML 뷰에서 사용해야하는 jQuery 함수가 있습니다. 가능한 해결책은 예를 들어 script.js 파일에이 함수를 추가하고이 함수가 필요한 html 뷰에이 파일을 참조로 추가하는 것입니다. 그러나, 나는이 해결책이 좋다고 생각하지 않는다.

유사시는 AngularJS와 프로젝트를 생성

는 자사의 index.html 파일에, 그것은 다른 스크립트 파일이 추가,이 섹션에 섹션

<!-- build:js({.tmp,app}) scripts/scripts.js --> 

을 추가 내가 생각하는, 빌드, 해당 파일 때문에 단일 scripts/scripts.js 파일로 통합됩니다.

이 기능을 스크립트 파일에 추가하여 동일한 작업을 시도하고이 스크립트 파일의 참조를이 섹션에 추가했습니다. 문제는 모든 뷰에서 호출하려고 할 때 함수가 작동하지 않는다는 것입니다.

해결하려면 어떻게해야합니까? https://docs.angularjs.org/guide/directive

당신은 당신이 어떤 컨트롤러에 주입 할 수있는 서비스를 만들 수 DOM을 조작하지 않는 경우 :

답변

0

DOM 조작은 사용자가 문서를 체크 아웃해야합니다 AngularJS와의 지시로 이루어집니다. 서비스 문서 : https://docs.angularjs.org/guide/services

여기서부터보기에서 액세스 할 수있는 범위에 컨트롤러의 기능을 지정할 수 있습니다. 예 :

$scope.MyFunction = function(){ 
    // Code goes here 
} 

당신은 당신이 질문을 이해하지 않은 것,

<div ng-click="MyFunction()"></div> 
+0

친애으로 HTML에서 함수를 호출 할 수 있습니다. 당신은 내가 이미 알고있는 angularjs 기본에 대해 이야기하고 있습니다. anglejs가 아닌 jQuery 함수가 포함 된 스크립트 태그에 관한 정교한 기능에 대해 묻습니다. – EddyG

+0

jquery 함수는 내 경험에 비추어 볼 때처럼 작동하지 않습니다. 지시문이나 서비스를 사용해야합니다. – joegod86

+0

스크립트는 각도 모듈의 일부로 등록되지 않습니다. – joegod86