다양한 프로젝트를 연구하고 다룰 수있는만큼 많은 설명서를 읽은 후 내 응용 프로그램에 지시문을 포함시키는 방법에 대한 문제가 발생했습니다. 이 앱은 다음과 같은 설정입니다 :각도 - 지시문 및 모듈 사용
app.js - 모듈의
angular.module('ngDashboard', ['ngCookies','ngResource','ngDashboard.filters', 'ngDashboard.services', 'ngDashboard.directives'])
모두 제외하고 잘 작동 그냥 상단 부분 지시어 돈 '에 대한 (이 예에서 다시 응용 프로그램입니다) 모든 t 작업 :
directives.js -이 작동하지 않음 다음과 뷰의 지침을 실행하지 않습니다
angular.module('ngDashboard.directives', []).
directive('funkyElement', function() {
return {
restrict: 'E',
transclude: true,
scope: 'isolate',
template: '<div>gonna parse this: {{orig}} <br/>... and get this: {{obj}}</div>',
//templateUrl: 'template.html',
compile:function (element, attr, transclusionFunc) {
return function (scope, iterStartElement, attr) {
var origElem = transclusionFunc(scope);
var content = origElem.text();
scope.orig = content;
scope.obj = my_custom_parsing(content);
};
}
};
});
이 같은 directives.js 파일에서 다음을 수행합니다 제대로 작동하고 지시어는 실행 :
angular.module('ng').directive('funkyElement', function() {
return {
restrict: 'E',
transclude: true,
scope: 'isolate',
template: '<div>gonna parse this: {{orig}} <br/>... and get this: {{obj}}</div>',
//templateUrl: 'template.html',
compile:function (element, attr, transclusionFunc) {
return function (scope, iterStartElement, attr) {
var origElem = transclusionFunc(scope);
var content = origElem.text();
scope.orig = content;
scope.obj = my_custom_parsing(content);
};
}
};
});
html로는 간단하다 :
이하는 지시의 세트와 아마 이유를 포함하는 적절한 방법은 무엇 내 질문은<funky-element>
Parse me... come ooooon! Just parse meee!
</funky-element>
인을 사용하여 첫 번째 예 (ngDashboard.services)가 작동하지 않습니다.
라이브 코드로 플 런커를 보낼 수 있습니까? 더 많은 코드를 보지 않고 어떤 일이 벌어지고 있는지 말하기는 불가능합니다. 내가 지금까지 볼 수있는 것을 바탕으로'ng-app = "ngDashboard"'를 사용하여 앱을 초기화하지 않았거나 파일을 포함 할 때 상황이 뒤섞여 있다고 가정합니다. 다시 한번, 라이브 코드는이 모든 것을 명확하게 보여줄 것입니다. –
일부 라이브 코드를 게시 하겠지만 전체 앱이 제대로 작동하고 모든 서비스, 컨트롤러가 제대로 작동하지 않는 유일한 방법은 지침입니다. – lucuma
app.js 파일이 캐시되었거나 지시문 종속성을 추가 한 후 save를 누르지 않았습니다. 너무 오랫동안 그것을 어지럽히고 난 후에 나는 그것이 저장되지 않았다는 것을 의심하지만 그 가능성에 대해 공개적이다. – lucuma