복수의 디렉티브[ 디렉티브 #1, 디렉티브 #2]에 대해 격리된 범위를 요구하는

복수의 디렉티브[ 디렉티브 #1, 디렉티브 #2]에 대해 격리된 범위를 요구하는

나는 이미 존재하는 지시문 위에 새로운 지시문을 작성하려고 시도하고 있지만 내 절차가 중단되었다.페이지를 로드할 때 다음과 같은 오류가 발생합니다.

복수의 디렉티브[ 디렉티브 #1, 디렉티브 #2]에 대해 격리된 범위를 요구하는<easymodal title="Test-Title" text="Text-Text" oncancel="show = false" onok="alert();">

기본 디렉티브는 다음과 같습니다.

Rohan.directive('easymodal', function () {
    return {
        restrict: 'E',
//      priority: 200,
        transclude: true,
        replace: true,
        scope:{
            showModal: "=show",
            callback: "=closeFunction",
            dismissable: '&'
        },
        template:
            '<div data-ng-show="showModal" class="modal-container">' +
                '<div class="modal-body">' +
                    '<div class="title"><span data-translate></span><a data-ng-show="dismissable" data-ng-click="dismiss()">x</a></div>' +
                    '<div data-ng-transclude></div>' +
                '</div>' +
                '<div class="modal-backdrop" data-ng-click="dismiss()"></div>' +
            '</div>'
    };
});

그리고 내 래퍼 지시는 다음과 같습니다.

Rohan.directive('easydialog', function () {
    return {
        restrict: 'E',
        transclude: true,
        scope: {title: '@',
            text: '@',
            onOk: '&',
            onCancel: '&'},
        replace: true,
        template:
            '<easymodal>' +
                '{{text}} ' +
                '<hr>' +
                '<button ng-click="{{onCancel}}" value="Cancel"' +
                '<button ng-click="{{onOk}}" value="Ok"' +
            '</easymodal>'
    };
});

html은 다음과 같습니다.

<easydialog title="Test-Title" text="Text-Text" onCancel="show = false" onOk="alert();" />

처음에는 제목 속성이 충돌한다고 생각했기 때문에 html 행과 래퍼 디렉티브에서 해당 속성을 삭제했지만 효과가 없었습니다.

변경하셔야 합니다.easydialog템플릿과 랩<easymodal>에 있어서<div>.

당신의 문제는 단순히 당신이 더 많은 정보를template내부의 의론directive해결 템플릿태그 추가도움이 됩니다.<easydialog>를 참조해 주세요.둘 중 하나를 선택할 수 있다.

언급URL : https://stackoverflow.com/questions/16148086/multiple-directives-directive1-directive2-asking-for-isolated-scope-on