Tôi đang cố gắng xây dựng một chỉ thị mới trên đầu trang của một chỉ thị đã tồn tại nhưng tôi bị tạm dừng trong các lực lượng của mình. Khi tải trang Tôi đang phải đối mặt với các lỗi sau:Nhiều chỉ thị [chỉ thị # 1, chỉ thị # 2] yêu cầu phạm vi phân lập trên
Multiple directives [directive#1, directive#2] asking for isolated scope on
<easymodal title="Test-Title" text="Text-Text" oncancel="show = false" onok="alert();">
Chỉ thị cơ sở trông như thế này:
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>'
};
});
Và chỉ wrapper của tôi trông như thế này:
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 của tôi trông giống như sau:
<easydialog title="Test-Title" text="Text-Text" onCancel="show = false" onOk="alert();" />
Lúc đầu tôi mặc dù thuộc tính tiêu đề của tôi là mâu thuẫn vì vậy tôi loại bỏ thuộc tính đó trong dòng html và từ chỉ thị trình bao bọc của tôi nhưng nó không hiệu quả.
bạn có thể vui lòng thiết lập fiddle –