中的固定方法
angular.module('Testmodule').directive
('mymodalwindow', function () {
return {
restrict: 'E',
template: '<div class="modal" id="mytestModal" role="dialog" aria-labelledby="myModalLabel">' +
' <div class="modal-dialog modal-sm ">' +
' <div class="modal-content">' +
' <div class="modal-header">' +
' <h4 class="modal-title" id="myModalLabel">Confirmation</h4>' +
' </div>' +`enter code here`
' <div class="modal-body">' +
' Do you want to delete the {{screenname}} "{{selecteditemtest}}" ?' +
' </div>' +
' <div class="modal-footer">' +
' <button type="button" id="btn" class="btn btn-default" data-ng-click="delete()"data-dismiss="modal">Delete</button>' +
' <button type="button" id="btn" class="btn btn-default" data-dismiss="modal">Cancel</button>' +
' </div>' +
'</div>' +
'</div>' +
'</div>'
};
});
//如何调用作为参数传递的方法,而不是调用data-ng-click
<div my-modal-window on-delete="onDelete()"></div> //You can pass params here . onDelete() function can be any function in your controller
指令代码 angular.module('Testmodule').directive('mymodalwindow', function () {
return {
restrict: 'E',
scope: {
onDelete: '&'
},
link: function (scope, elem, attrs) {
scope.delete = function () {
scope.onDelete(); // You can pass parameter like scope.onDelete({param1:'dsadasd',param2:'sadasjdlkjakl'});
}
},
template: '<div class="modal" id="mytestModal" role="dialog" aria-labelledby="myModalLabel">' +
' <div class="modal-dialog modal-sm ">' +
' <div class="modal-content">' +
' <div class="modal-header">' +
' <h4 class="modal-title" id="myModalLabel">Confirmation</h4>' +
' </div>' + `enter code here`
' <div class="modal-body">' +
' Do you want to delete the {{screenname}} "{{selecteditemtest}}" ?' +
' </div>' +
' <div class="modal-footer">' +
' <button type="button" id="btn" class="btn btn-default" data-ng-click="delete()"data-dismiss="modal">Delete</button>' +
' <button type="button" id="btn" class="btn btn-default" data-dismiss="modal">Cancel</button>' +
' </div>' +
'</div>' +
'</div>' +
'</div>'
};
});