angularjs – 多个指令[指令#1,指令#2]要求隔离范围

发布时间：2020-12-17 08:29:00 所属栏目：安全来源：网络整理

导读：我试图在已经存在的指令之上构建一个新的指令，但我在我的进程中停止。加载页面时，我面临以下错误： Multiple directives [directive#1,directive#2] asking for isolated scope on easymodal title="Test-Title" text="Text-Text" oncancel="show = false"

我试图在已经存在的指令之上构建一个新的指令，但我在我的进程中停止。加载页面时，我面临以下错误：

Multiple directives [directive#1,directive#2] asking for isolated scope on <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',scope: {title: '@',text: '@',onOk: '&',onCancel: '&'},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>中。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!